Divi Ürün Vurguları: Mobilya Mağazası Divi WooCommerce Teması

Mobilya Mağazası Divi WooCommerce Teması, Divi için e-Ticaret için tasarlanmış bir üçüncü taraf alt temasıdır. Birden fazla sayfa tasarımı içerir ve WooCommerce ile çalışan birçok özellik ekler. Bu yazıda, çevrimiçi mağazanız için doğru Divi Çocuk Teması olup olmadığına karar vermenize yardımcı olmak için Mobilya Mağazası Divi WooCommerce Temasına bir göz atacağız.

Mobilya Mağazası Divi WooCommerce Temasını Yükleme

Bu Divi Çocuk Temasını yüklemek basitti. Divi etkinleştirildiğinde, herhangi bir WordPress teması gibi Mobilya Mağazası Divi WooCommerce Temasını yükleyin ve etkinleştirin. İlk önce Temalar'a gidin:

1. Dış görünüş
2. Temalar
3. Yeni ekle

Daha sonra temayı yükleyin.

1. Tema Yükle
2. Dosya seçin
3. Şimdi kur

Daha sonra Çocuk Temasını etkinleştirin .

1. Etkinleştir

Yüklemek istediğiniz içeriğin tamamını seçin . Bu, tüm sayfaları, düzenleri ve hatta eklentileri içerir. Ayrıca sizin için eklentileri de etkinleştirecektir. Her şey varsayılan olarak seçilidir. Her şeyi seçili bırakmanızı öneririm. Demo İçeriğini İçe Aktar'a tıklayın ve içe aktarmanın bitmesini bekleyin.

1. Demo İçeriğini İçe Aktar

Son olarak, her şey içe aktarılıp etkinleştirildiğinde, işlemin tamamlandığını belirten bir mesaj göreceksiniz ve ardından içe aktarıcıyı kaldırabilirsiniz .

1. Demo İçeriğini Kaldırma ve İşlevleri İçe Aktarma

WooCommerce İstek Listesi eklentisinin yanlış yapılandırıldığına dair bir mesaj aldım, ancak bu kolay bir düzeltmeydi. WooCommerce seçenekleriniz, WooCommerce İstek Listesi Eklentisi seçenekleriniz, FiboSearch ayarlarınız vb. gibi birkaç eklenti kurmanız gerekecektir. Belgeler ihtiyacınız olan ayarları göstermektedir. Benimkilerin çoğu doğru şekilde yapılandırılmıştı ancak belgelerle eşleşmesi için bazı ayarlamalar yapmam gerekiyordu.

Mobilya Mağazası Divi WooCommerce Tema Seçenekleri

Tema ayarları, tek tıklamayla renk değişimini, renk seçicileri ve ön yükleyicileri içerir. Genel sekme, varsayılan birincil ve ikincil renkleri seçebileceğiniz tema renk seçeneklerini ve renk seçicileri içerir.

Önyükleyici sekmesi, aralarından seçim yapabileceğiniz 28 yerleşik önyükleyici içerir. Ayrıca özel bir ön yükleyici yükleyebilir ve rengi, arka planı, efektleri, gecikmeyi ve kaybolma hızını seçebilirsiniz.

Mobilya Mağazası Divi WooCommerce Tema Sayfaları

Mobilya Mağazası Divi WooCommerce Teması, Divi Theme Builder'da oluşturulan sayfaları saymadan web sitenize 32 sayfa ekler. Bunlara ana sayfalar, standart web sitesi sayfaları, WooCommerce sayfaları vb. dahildir.

Ana sayfalar

Mobilya Mağazası Divi WooCommerce Teması'nın seçebileceğiniz 3 farklı ana sayfası vardır. Üçü de yeşil vurgulu beyaz renk şemasını takip ediyor, aynı tasarım öğelerini içeriyor ve e-ticarete odaklanıyor. İşte üç ana sayfaya da bir bakış.

Ev Bir

İşte ilk ana sayfanın üst kısmı. Sayfanın üst kısmında dikey olarak yerleştirilmiş sosyal simgeler ve sağda bir mesaj içeren bir CTA kaydırıcısı bulunur. Fareyle üzerine gelme animasyonlarına sahip kategori simgeleri çeşitli mağaza kategorilerine bağlanır. Yeni ürünlere yönelik bir bölüm, ürünleri stil sahibi bir Mağaza Modülünde görüntüler. Bu bölüm dikey olarak yerleştirilmiş bir başlıkla etiketlenmiştir. Fırsatlar bölümünde geri sayım sayacı, ürün resmi ve arka plan resmi içeren bir CTA bulunur.

Bu sayfanın alt kısmıdır. Bir haber bülteni formu ve ürün kategorilerine bağlantı veren bir mozaik içindeki görsellerin yer aldığı bir ürün bölümü içerir. Degrade kaplamalar içerirler. Ayrıca Hakkında bölümü, stil sahibi bir blog bölümü ve logolar da içerir. Bölümlerin her biri dikey metin içerir.

Ev İki

İkinci ana sayfanın ilk kısmı, kahraman bölümü için tam genişlikte bir kaydırıcı içerir. Metin içeren görseller, mağaza kategorilerine bağlantılar olarak çalışır, simgeler bilgileri gösterir, başka bir kaydırıcı CTA olarak çalışır ve ürün bölümü, stilize edilmiş ürünleri bir ızgarada gösterir.

İkinci bölümde yeni ürünler, geri sayım sayacıyla örtüşen bir CTA, küçük bir haber bülteni formu, kategori CTA'ları için daha büyük resimler ve bir tarafında bilgiler, diğer tarafında bir harita bulunan bir iletişim bölümü gösterilmektedir.

Ev Üç

Üçüncü ana sayfanın ilk bölümü, mağaza kategorilerine bağlantı veren üst üste binen simgeler içeren tam genişlikte bir kaydırıcı içerir. Mozaikteki büyük resimler mağaza için CTA görevi görür.

Alt kısımda geri sayım sayacı olan bir CTA, CTA içeren bir mağaza bölümü, bir blog bölümü ve logolar gösterilir.

İç Sayfalar

Mobilya Mağazası Divi WooCommerce Teması, web sitenizi oluşturmak için 25 iç sayfaya sahiptir. Buna tüm standart sayfalar ve birkaç ekstra dahildir.

Hakkında

Hakkında sayfasında bilgiler ve kırıntıların yer aldığı küçük bir kahraman bölümü ve ardından bilgilerin yer aldığı daha büyük bir bölüm bulunur. Bir dizi metin bloğu şirket bilgilerini gösterir. Ekip Üyeleri, üzerinde ortaya çıkan sosyal simgeler içerir. Akordeon Modülleri SSS'leri oluşturur. Ayrıca logolar için bir bölüm içerir.

Bizim takım

Ekibimiz sayfası, alt satırın orta modülünde görebileceğiniz gibi fareyle üzerine gelindiğinde gösterilen sosyal simgelerin bulunduğu Kişi Modüllerini içerir. Ayrıca iletişim formunun yanında daha küçük bir SSS içerir.

Görüşler

Referanslar sayfasında, fareyle üzerine gelme efektlerine sahip çok sayıda stilize referans kartı bulunur. Fareyle üzerine gelme, kartı aşağı doğru hareket ettirir, alıntı simgesinin rengini değiştirir, simgeye bir arka plan ekler ve kartın altına bir çubuk ekler.

Blog

2 sütunlu bir ızgara, 3 sütunlu bir ızgara, solda görselin bulunduğu bir liste ve sağda görselin bulunduğu bir liste dahil olmak üzere seçebileceğiniz dört blog sayfası vardır. Aşağıdaki örnekte 3 sütunlu bir blog kılavuzu gösterilmektedir. Blog kartlarında görüntüyü yakınlaştıran fareyle üzerine gelme animasyonları bulunur.

Bu örnekte sağda resim bulunan bir liste gösterilmektedir.

Blog yazısı

Blog gönderilerinin düzeni, öne çıkan görseli, blog içeriğini, stil sahibi bir kenar çubuğunu, blogla eşleşen kartlara sahip son gönderileri ve stil sahibi bir yorum bölümünü görüntüler.

404

404 sayfası, görüntünün bir bölümünü ortaya çıkaran arka plan maskesiyle birlikte tam ekran bir görüntü görüntüler. Ayrıca bir 404 mesajı ve ana sayfaya dönmek için bir düğme içerir.

Başlıklar

Aralarından seçim yapabileceğiniz üç başlık vardır. Üçünde de mega menü var.

İlk Başlık

İlk başlıkta bir üst çubuk ve mega menülü gezinme bulunur. Üst çubukta bir metin CTA'sı bulunur. Her iki alanda da simgeler bulunur. Gezinme sağ tarafa yerleştirilir.

İkinci Başlık

İkinci başlık üç çubuk içerir. Üst çubukta alışveriş bilgileri, çeşitli CTA'lar ve sosyal medya simgeleri gösterilir. İkinci çubuk logoları ve bir arama kutusunu içerir. Gezinme alt çubuğa yerleştirilir.

Üçüncü Başlık

Üçüncü başlıkta iki çubuk bulunur. Üst çubuk, ilk iki başlığın öğelerini içerir. Navigasyon merkeze yerleştirilmiş.

Altbilgiler

Aralarından seçim yapabileceğiniz üç altbilgi vardır.

İlk Altbilgi

İlk altbilgide iki arama kutusu görüntülenir. İlki bir CTA ve küçük bir abone formunu, ardından teslimat bilgilerini ve birden fazla düzendeki bağlantıları içerir.

İkinci Altbilgi

İkinci altbilgi üstte gönderim bilgilerini, ardından bağlantıları ve altta e-posta formunu görüntüler.

Üçüncü Altbilgi

Üçüncü altbilgi bir arka plan resmi içerir. En üste bir mesaj ve bir e-posta formu ve ardından bağlantılar yerleştirilir.

Mobilya Mağazası Divi WooCommerce Teması WooCommerce Sayfaları

Mobilya Mağazası Divi WooCommerce Teması ayrıca birçok WooCommerce sayfası ve özelliği içerir.

Sayfalarda Alışveriş Yapın

Aralarından seçim yapabileceğiniz üç mağaza sayfası vardır ve kenar çubuğuyla veya kenar çubuğu olmadan seçim yapabilirsiniz. Bunlar arasında AJAX ürün filtreleri, AJAX canlı arama, uçan araba, istek listesi ve hızlı görüntüleme açılır penceresi bulunur.

Birinci Sayfadan Alışveriş Yapın

İlk mağaza sayfalarında küçük bir kahraman bölümü ve ardından kategori simgeleri bulunur. Büyük bir mağaza bölümü sayfanın çoğunu kapsıyor. Belirli bir kategoriye yönelik bir CTA ile sona erer. Mağaza bölümünde bir filtre, sayfalandırma, stillendirilmiş satın alma düğmeleri vb. bulunur.

İkinci Sayfadan Alışveriş Yapın

İkinci mağaza sayfası iki mağaza bölümü içerir. Birincisi en yeni ürünlerdir. Dikey bir başlık içerir. İkincisi tüm ürünlerdir. Sayfalandırmayı içerir.

Üçüncü Sayfadan Alışveriş Yapın

Üçüncü mağaza sayfası bir mağaza bölümü içerir ve sayfanın alt kısmına sayı sayacıyla birlikte bir CTA ekler.

Tek Ürün Sayfası Düzenleri

Birkaç ürün sayfası var. Kenar çubuklu veya kenar çubuksuz içerirler ve ürün türleri için sayfalar vardır. Türler arasında basit, gruplandırılmış, değişken ve harici bulunur. Hepsi benzer bir tasarımı takip ediyor.

Basit Ürün Türü

Basit ürün türü sayfası, kutu gölgelerinin bulunduğu bir kenar çubuğu içerir. Aynı zamanda ilgili ürünleri de içerir. Kenar çubuğu bir ürün aramasını, en son görüntülenen ürünleri ve ürün etiketlerini içerir. Her kenar çubuğu modülünün başlığının altındaki yeşil çizgi fareyle üzerine gelindiğinde genişler.

Gruplandırılmış Ürün Tipi

Gruplandırılmış ürün sayfası türü, kullanıcının aynı sayfadaki birden fazla ürün arasından seçim yapmasına olanak tanır. Ayrıca sayfanın alt kısmında ilgili ürünleri de içerir. Bu örnekte incelemeler de dahil olmak üzere birkaç kenar çubuğu daha gösterilmektedir.

WooCommerce Özellikleri

Ayrıca WooCommerce'e uçan araba, AJAX filtreleri ve daha fazlası dahil olmak üzere birçok ekstra özellik eklenmiştir. İşte ekstra WooCommerce özelliklerinden birkaçına bir bakış.

Uçan Araba

Uçan araba, sepetteki tüm ürünleri sayılarıyla birlikte gösteren bir açılır penceredir. Kullanıcı her ürün için ürün sayısını değiştirebilir, sepet sayfasını görebilir, ödeme yapabilir, sepeti paylaşabilir ve alışverişe devam edebilir. Yeşil ve kırmızı renk şemaları ön plana çıkıyor. Mobilya Mağazası Divi WooCommerce Temasının en ilginç özelliklerinden birinin bu olduğunu düşünüyorum.

Araba

Sepetin kendisi temizdir ve kullanıcının ödeme sürecinde nerede olduğunu gösteren simgeler içerir.

İstek Listesi Açılır Penceresi

Kullanıcı istek listesine bir öğe eklediğinde, küçük bir açılır pencere öğenin eklendiğini doğrular. İstek listesini görüntülemek için bir liste içerir.

İstek listesi

İstek listesi sayfası, sitenin geri kalanıyla aynı stili içerir ve sosyal medya paylaşım simgelerini içerir.

AJAX Arama

Ürün arama AJAX kullandığından kullanıcının sonuçları görmek için farklı bir sayfaya gitmesine gerek kalmaz. Kullanımı hızlı ve kolaydır. Kategorileri ve ürünleri gösterir. Bu örnekte başlıktaki AJAX arama kutusu gösterilmektedir.

Mobilya Mağazası Divi WooCommerce Teması Nereden Alınır?

Mobilya Mağazası Divi WooCommerce Teması Divi Marketplace'te 39,99 $ karşılığında mevcuttur. Sınırsız kullanım, bir yıllık güncelleme ve destek ve 30 günlük para iade garantisi içerir.

Düşünceleri Bitirmek

Divi için Mobilya Mağazası Divi WooCommerce Temasına bakışımız budur. Bu Divi Çocuk Teması'nda çok sayıda WooCommerce sayfası ve özelliği bulunmaktadır. Sayfaların ve özelliklerin kullanımını kolay buldum. Renk seçenekleri, Çocuk Temasını markanızın renkleriyle eşleştirmeyi kolaylaştırarak orijinal tasarımdan farklı görünmesini sağlar. Bir WooCommerce Çocuk Teması ile ilgileniyorsanız, Mobilya Mağazası Divi WooCommerce Teması bir göz atmaya değer.

Senden duymak istiyoruz. Mobilya Mağazası Divi WooCommerce Temasını kullandınız mı? Yorumlarda nasıl beğendiğinizi bize bildirin.