Divi Ürün Vurguları: DiviCommerce

DiviCommerce, Divi için çevrimiçi mağazalar oluşturmak üzere tasarlanmış bir üçüncü taraf alt temasıdır. Kalabalıktan öne çıkan WooCommerce mağazaları oluşturmak için birçok sayfa ve özellik içerir. Bu yazıda, ihtiyaçlarınız için doğru Divi alt teması olup olmadığına karar vermenize yardımcı olmak için DiviCommerce'in sayfalarına ve özelliklerine bakacağız.

DiviCommmerce'ın Kurulumu

DiviCommerce kurulumunun sezgisel olduğunu düşünüyorum. Herhangi bir WordPress teması gibi yükleyin, ancak Divi'yi aktif tema olarak kullanın. Görünüm > Temalar > Yeni Tema Ekle seçeneğine gidin.

Temayı Yükle'yi seçin, Dosya Seç'e tıklayın, bilgisayarınızdaki DiviCommerce sıkıştırılmış dosyasını seçin ve Şimdi Yükle'ye tıklayın.

Ardından Etkinleştir'i tıklayın.

Son olarak, DC Demoyu İçe Aktarma > Kolay Demoyu İçe Aktarma seçeneğini seçin.

İçe aktarılacak dosyaları seçin ve Demo İçeriğini İçe Aktar'a tıklayın. Varsayılan ayarları kullanmanızı öneririm.

Demo içeriği içe aktarıldıktan sonra Demo İçeriğini Kaldır ve İşlevleri İçe Aktar'a tıklayın. Siteniz artık gerekli boyutları göstermek için sahte resimler içeren demoya benziyor. İçeriğinizi ekleyin ve siteniz kullanıma hazır.

DiviCommerce Sayfaları

DiviCommerce, birden fazla türde çevrimiçi mağaza oluşturmak için tasarlanmış 6 ana sayfa içeren 26 sayfayla birlikte gelir. Ayrıca 3 mağaza sayfası, 2 ürün sayfası, 2 ödeme sayfası, 5 üst bilgi, 2 alt bilgi ve çok sayıda ekstra içerir. Özellikler arasında Ajax ürün filtreleri, sepet açılır pencereleri, ürün Ajax araması, açılır formlar ve WooCommerce varyasyon renk örnekleri bulunur.

Şimdi düzenlere bir göz atalım. Daha kolay yönetilmeleri ve indirilen alt temadan ve ürün demosundan görseller göstermeleri için daha büyük düzenleri daha küçük gruplara ayıracağım.

DiviCommerce Ana Sayfa Bir

Kahraman bölümü, CTA içeren tam ekran bir görüntüyü gösterir.

Bunu yeni gelenler için bir bölüm takip ediyor. Buna, ürün kartlarına yönelik fareyle üzerine gelme efektleri de dahildir. İki sütunlu bir bölüm, mağazaya bağlantı veren görselleri görüntüler. Görüntüler Ken Burns efektini içeriyor. Sırada fareyle üzerine gelme efektlerine sahip başka bir mağaza bölümü var. İşte ürün demosunun üst kısmı.

İlk ana sayfa düzeninin alt yarısında başka bir tam ekran CTA, öne çıkan ürünler, benzersiz bir fırsat geri sayımı, bir blog ve resimler gösteriliyor.

DiviCommerce Ana Sayfa İki

İkinci ana sayfa, CTA'ları içeren tam ekran bir kaydırıcıyı gösterir.

Sayfanın üst yarısında alışveriş kategorileri için CTA'lar, bir tarafında iki ürün ve diğer tarafında CTA bulunan benzersiz bir mağaza bölümü, bir mağaza bölümü ve tam genişlikte bir e-posta kayıt formu bulunur. Tüm ürün kartları ve düğmeler fareyle üzerine gelme efektleri içerir.

Home Two'nun ikinci yarısında bir mağaza bölümü, tam ekran arka plan resmi, bir blog ve resimler üzerinde bir kartta bir anlaşma geri sayım sayacı gösteriliyor.

DiviCommerce Ana Sayfa Üç

Home Three'nin üst yarısında tam genişlikte bir CTA, yeni gelenlerin yer aldığı bir mağaza bölümü, kategori CTA'ları için iki sütunda dört resim içeren bir bölüm ve geniş bir e-posta formu görüntülenir.

Düzenin ikinci yarısında mağaza bölümleri, arka plan görselli bir blog bölümü ve müşteri görsellerinin yer aldığı bir bölüm görüntülenir.

DiviCommerce Ana Sayfa Dört

Dördüncü ana sayfa, iki görselden oluşan benzersiz bir kahraman bölümü içerir. Biri diğerinden daha uzundur ve metin ve CTA her iki görselle de örtüşmektedir. Ayrıca kartın alt kısmında başlığın yer aldığı kategori görselleri ve bir mağaza bölümü de bulunur.

Düzenin ikinci yarısında iki büyük kategori CTA'sı, bir mağaza bölümü, geri sayım sayacı içeren bir fırsat bölümü ve arka plan resmi olan bir blog görüntülenir.

DiviCommerce Ana Sayfa Beş

Beşinci ana sayfa, sağda CTA'nın bulunduğu tam ekran bir kahraman bölümünü görüntüler. Beş küçük görsel ve üç büyük görselden oluşan geniş bir kategori görselleri bölümüne sahiptir. Üç mağaza bölümü yeni olanı, indirimli olanı ve en çok satan ürünleri gösterir. Bu düzen aynı zamanda tam genişlikte e-posta formunu ve müşteri resimlerini de içerir.

DiviCommerce Ana Sayfa Altı

Altıncı ana sayfa en benzersiz olanıdır. Kahraman bölümünde bir indirim geri sayım sayacı görüntüler. Mağaza bölümlerinin her birinin başlığı, bölümün soluna büyük metinle yerleştirilir. Bunu, görselle ve birbiriyle örtüşen başlık ve düğmeyi içeren iki görsel CTA takip eder. Başka bir kategori bölümü yerleri, fareyle üzerine gelindiğinde kaybolan kutu gölgelerine sahip görselleri içerir. Bu düzen aynı zamanda e-posta formunu ve müşteri resimlerini de içerir.

DiviCommerce Birinci Mağaza

İlk mağaza sayfasında, sayfa başlığı ve ardından dört sütun halinde ürünler, sıralama filtresi ve solda bir kenar çubuğu bulunan tam genişlikte bir resim görüntülenir. Kenar çubuğu kategori, boyut ve renk seçeneklerini içerir. Ürünler fareyle üzerine gelindiğinde bir kutu gölgesi görüntüler.

DiviCommerce Mağaza İki

Shop Two, tam genişlikte bir resim içerir, ürünleri tek bir sütuna yerleştirir ve mağaza bölümünün yukarısına kullanıcıların kategoriye, bedene ve renge göre filtreleyebileceği ilginç bir ürün filtresi ekler. Ayrıca sıralama filtresini içerir ve sayfanın altına sayfalandırma ekler. Filtreler fareyle üzerine gelindiğinde açılır.

DiviCommerce Mağaza Üç

Shop Three tam genişlikte bir resim içermiyor. Mağaza kategorilerini resimlerle birlikte sayfanın en üstüne yerleştirir. Mağaza bölümü kenar çubuğunu, filtreyi, fareyle üzerine gelme efektlerini ve sayfalandırmayı içerir.

Ürün Sayfası Bir

İlk ürün sayfasında solda büyük, öne çıkan bir görsel, sağda ise ürün seçenekleri görüntülenir. Siz kaydırdıkça ürün seçenekleri yerinde kalır. Sayfanın üst kısmındaki kırıntılar, müşterilere gezinme yapısında nerede olduklarını gösterir.

Öne çıkan görselin ardından bir dizi küçük resim ve başka bir büyük görsel yer alıyor. Büyük resim ürün seçenekleri alanına ulaştığında seçenekler sayfayla birlikte kayar.

Sonraki açıklama ve gönderim bilgileri ve incelemeler için bir bölümdür.

Son olarak müşterilerin kendi yorumlarını ekleyebilecekleri bir bölüm bulunmaktadır.

Ürün Sayfası İki

İkinci ürün sayfası, ilkinin tasarımını takip eder ancak açıklamayı ve gönderim bilgilerini, geçişlerdeki ürün seçenekleri alanına ekler.

Sayfanın alt kısmında müşterinin ilgilenebileceği bir ürün bölümü eklenir. Ürün kartları fareyle üzerine gelindiğinde kutu gölgeleri ekler.

Sepet Açılır Penceresi

Sepete bir ürün eklendiğinde sepet açılır penceresi görüntülenir. Kupon kodu eklemek için bir alan, benzer ürünleri içeren bir kaydırıcı ve bir ödeme düğmesi içerir.

Sepet Sayfası

DiviCommerce, stil sahibi bir sepet sayfası içerir. Sepet bilgileri bir kutu gölgesi içerir. Düğmeler alt temanın tasarımına uyacak şekilde kırmızıdır.

Ödeme Sayfası Bir

İki ödeme sayfası vardır. Bu ilk ödeme sayfasıdır. Sipariş ve ödeme bilgilerini ödeme formunun sağ tarafına yerleştirir. İkinci ödeme sayfası bu bilgileri formun altına yerleştirir ve şirket bilgilerini formun sağ tarafına yerleştirir.

Hakkımızda

Hakkımızda sayfasında dikkat çeken açılı görseller görüntülenir. Sayfada ayrıca tam genişlikte bir resim, çeşitli metin alanları ve birkaç büyük resim bulunur.

Bize Ulaşın

Bize Ulaşın sayfası iletişim bilgilerini tanıtım yazılarıyla birlikte görüntüler, bir iletişim formu görüntüler, SSS'ler arasında geçiş yapar ve tam genişlikte bir harita içerir.

DiviCommerce Başlıkları

DiviCommerce 5 başlık içerir. Kullanılabilecek, silinebilecek veya başka bir başlığa değiştirilebilecek birden fazla bölüm içerirler.

Başlık Bir

İlk başlık, üst kısma bir satış çubuğu ekler ve bir arama, hesap girişi ve sağdaki açılır alışveriş sepeti bağlantısını içerir. Logo ve menü soldadır.

Başlık İki

Başlık iki, arama kutusunu üst çubuğa yerleştirir. Alışveriş sepeti ve menü taraf değiştirir.

Başlık Üç

Üçüncü başlık, menüyü ortada ve altta yeni bir çubuğa yerleştirir ve aramayı merkeze taşır.

Başlık Dört

Dördüncü başlık logoyu ve menüyü ortalar, aramayı sola ve sepeti sağa yerleştirir.

Başlık Beş

Son olarak beşinci başlık, arama kutusunu üst çubuğa yerleştirir, logoyu ve menüyü sola taşır ve sepeti sağa yerleştirir.

DiviCommerce Altbilgileri

DiviCommerce iki altbilgi içerir. Her ikisi de e-Ticaret için iyi çalışır.

Altbilgi Bir

Bir numaralı alt bilgi iki bölüm içerir. İlk bölüm, metin olarak sağlanan bilgiler için tanıtım yazıları içerir. İkinci bölümde logo için Görsel Modülü, Sosyal Medya Takip Modülü ve bilgi ve bağlantılar için çok sayıda Metin Modülü bulunmaktadır.

Alt Bilgi İki

İkinci altbilgi, üst bölümün yerini bir e-posta formuyla değiştirir. İkinci bölüm, Sosyal Medya Takip butonlarını kendi sütununda sağa taşır.

DiviCommerce Açılır Penceresi

DiviCommerce, Divi Builder ile oluşturulmuş bir açılır pencere ve Popup Maker adlı bir eklenti içerir. Açılır pencerenin kendisi, bir tarafında kayıt CTA'sı ve diğer tarafında bir resim bulunan bir e-posta formu görüntüler. Bir kaplama ve bir kapatma düğmesi içerir.

DiviCommerce Arama

Ajax araması siz yazdıkça kategorileri ve ürünleri listeler. Arama hızlıdır ve sonuçlar açık kalır; bu da müşterinin sonuçlardaki herhangi bir şeye tıklamasına olanak tanır.

DiviCommerce Nereden Satın Alınır?

DiviCommerce, Divi Marketplace'te 25 $ karşılığında mevcuttur. Bir yıllık destek ve güncelleme, sınırsız web sitesi kullanımı ve 30 günlük para iade garantisi içerir.

DiviCommerce Hakkında Düşüncelere Son Vermek

Divi için DiviCommerce alt temasına bakışımız budur. Bu alt tema, her türde WooCommerce mağazası oluşturmak için çok sayıda sayfa ve düzen içerir. Alt temaya sahip beş ekstra eklenti, sepet, açılır pencereler ve filtreler gibi birçok ilginç özellik ekler. Ajax özellikleri hızlıdır. Web sitesine birçok zarif ve kullanışlı araç sağlar ve kalabalığın arasından sıyrılır.

Senden duymak istiyoruz. DiviCommerce alt temasını denediniz mi? Yorumlarda bunun hakkında ne düşündüğünüzü bize bildirin.