Divi eklentisi spot ışığı: tuvalet ürün üreticisi
WooCommerce’in WordPress popülaritesi hakkında soru yok. Popülerliğiyle bile, WooCommerce ürün sayfası tasarımı sınırlıdır. Divi ve ekstra gibi temalarda bile, düzeni değiştirmek için çok fazla şey yapılabilir. Neyse ki bunu yapan Divi için yapılmış birkaç üçüncü taraf eklentisi var. Divikingdom’dan WC ürün oluşturucu bu eklentiden biridir. Bu, her Woocommerce ürün öğesini bir divi modülü olarak (20 divi modülü) sağlar, WooCommerce öğesini ürün sayfasına divi modülüne yerleştirebilmeniz ve ürün sayfasına divi oluşturucu ekleyebilmeniz için 14 kısa kod ekleyin. Hayal edebileceğiniz hemen hemen her türlü açıklama düzeni ürünleri. Ayrıca ürün sayfasının düzeni için 8 gösteri de içerir.
Bu eklentinin spot ışığında eklentiyi ve her bir gösteriyi göreceğiz. Zarif temalar için ücretsiz fotoğraf pazar yeri düzeni paketinden alınan örnekler için görüntüler. Tuvalet ürün üreticisini kurun
Kısa modeller sekmesi, Divi modülü içerik alanındaki metin, kayar bıçaklar, sekmeler, anahtarlar, vb. Kısa bir kod almak için bu sayfaya gitmenizi gerektirse de, kısa bir kod almak için başka bir web sitesine gitmeyi tercih ederim. İhtiyacınız varsa geliştirici web sitesinde de mevcuttur. WooCommerce ürün gönderisinde tuvalet ürün üreticisini kullanma
Ürün sayfasına bazı yeni özellikler eklenir: Divi ürün düzeni seçin
Ürün Kapağı Resmi
Etkinleştirdiyseniz, Divi Builder otomatik olarak WooCommerce ürün düzenleyicisine eklenir ve ürün açıklama alanı için bir düzen oluşturmak için Divi Builder’ı kullanmanıza izin verir. Ürünlerin düzeni Divi kütüphanesinde yapılır. Varsayılanlığı kullanabilir veya açılır kutudan yeni bir düzen seçebilirsiniz. Ürün üretimi ürün tuvaletinin bina düzeni açıklaması
Standart ürün açıklaması alanı Tinymce Editor kullanır. Yukarıdaki resim standart açıklamayı göstermektedir. Bu, ürün sayfasındaki açıklama alanıdır. Görüntüler gibi diğer içerik eklenebilir. Tabii ki Divi Builder ile daha fazlası yapılabilir. Divi Builder ile bir düzen yaptım ve bir kaydırıcı ekledim. Açıklama alanı şimdi düzenimi gösteriyor. Ayrıca arka plan ekledim ve metni parlak olarak değiştirdim. Tuvalet ürün üreticisi modülü WC ürün oluşturucu, özel bir ürün sayfası oluşturmanıza yardımcı olmak için Divi Builder’a 20 yeni modül ekler. Her Woocommerce öğesi ayrı bir modüldür, böylece düzeni istediğiniz öğeleri kullanarak tasarlayabilir ve istediğiniz yere yerleştirebilirsiniz. Modülün benzersiz bir simgesi vardır, bu da bir bakışta bulmayı kolaylaştırır. Divi kütüphanesinde tuvalet ürünü üreticisinin düzenini oluşturmak WooCommerce ve Divi modüllerini kullanarak Divi kütüphanesinde düzeni yaptım. WooCommerce ürün sayfasında açılır kutunun düzenini seçeceğim.
Yaptığınız düzen varsayılan yerine görüntülenir. Bu aslında Demo #1’in bir modifikasyonudur, bu yüzden bir stil veya birçok düzen tasarımı yapmam gerekmez. İyi bir düzen tasarımı gibi, demo zamandan tasarruf etmek için mükemmeldir. WC Ürün Yapımı Demo Geliştirici web sitesinden 8 Demo, hızlı bir şekilde başlamanıza yardımcı olmak için ayrı bir indirme olarak dahil edilmiştir. Bazıları özel stil içerir. En az biri kısa kod kullanımına bir örnek içerir. Divi kütüphanesine gösteriler yükleyin. Düzen normal düzen gibi divi üreticisine yüklenmez, bu nedenle Woo’daki Divi Builder’dan düzenleyemezsiniz. Düzenleyiciyi düzenlemek için Divi Kütüphanesinde düzenle (kütüphanedeki herhangi bir düzen ile aynı) seçin. Ayrıca bir gönderi veya sayfaya yükleyebilir veya yapabilir ve ürün sayfasında kullanmak için kütüphaneye kaydedebilirsiniz. Kullanmak için, sağ etiketli ürün divi düzenini seçin. Düzen önizlemesini göremiyorum, bu yüzden düzeni görmek için ürünü güncellemem gerekiyor. Yukarıdaki resim, her demo için kullanacağım ayarları gösteriyor. Ürün açıklamaları, ürün örtüsü görüntüleri, üstün görüntüler ve ürün galerileri için bir dizi kukla metin ekledim. WooCommerce Varsayılan Ürün Düzeni Bu örnek standart bir Woo ürün düzeni kullanır. Ayrıca, bir gösteride nasıl ele alındıklarını görebilmemiz için birkaç ilgili ürün ekledim. Demo 1 Demo 1 bir başlık görüntüsü ekler ve ürün adını başlığa yerleştirir. Ayrıca yan çubuktaki tüm kategorileri de ekledi. Demo 2
Demo 2, başlık görüntünün üzerine üst navigasyon bıçaklarını ekler. Ürün görüntüleri başlıklarla örtüşüyor. Demo 3 Demo 3, paralakslı başlıklar, gömülü videolar ve üstün ürünün yanındaki kutuda büyük galeri görüntüleri içerir. Demo 4 Demo 4, başlık görüntüsü olarak bir ürün kapağı görüntüsü kullanır ve ürün görüntülerini ürün detaylarında görüntülemez. Her öğe tek bir satırda. Demo 5 Demo 5, ekmek kırıntıları, ayrı satırlara düzenleme ve eşleştirilecek stil düğmeleri ile sağlam bir arka plan başlığı ekler. Demo 6demo 6 Açıklama alanının içindeki yan çubuk gibi ilgili ürünleri yerleştirin. Demo 7
Demo 7, bir alışveriş sepeti alanına nakliye bilgilerini ekler ve şık bir sekmede kısa kodları kullanarak bilgi sağlar. Demo 8 Demo 8, tüm durakları tam genişlik, stil, açıklama, zarif bilgi düzeni, CTA zaman sayaçları, resimler ve açıklamalar, referanslar ve tam CTA ile dönüşümlü olarak çeker. Bu örnek sadece bir Woo modülü kullanıyor, bu yüzden ürün bilgilerimi kullanmıyorum. Kısa bir kod divi modülüne sahip tuvalet ürününün kısa bir kod üreticisini kullanmak, WooCommerce modülünü ürün sayfasında ve düzenindeki normal divi modülünde kullanmanızı sağlar. Ürünleri sekmelere, vardiyalara, anahtarlara, akorlara vb. Yerleştirmenizi sağlayan birkaç olası tasarım açar. Kısa kodlar yalnızca ürün sayfası için ürünler için geçerlidir, böylece sıradan sayfalarda, yayınlarda veya widget’larda kullanamazsınız. CTA Demo #8 alanına geçişi ekledim ve sepete başlık, açıklama, fiyat, sıralama ve düğme eklenmesini görüntülemek için kısa bir kod yerleştirdim. Kısa kodun öğeleri anahtarda görüntülenir. Divi Builder ile yaptığım açıklamayı bile gösteriyor. Kısa kod alabilecek ve her biri beklendiği gibi işlev gören birkaç modül denedim. İşte Divi Builder ile yaptığım açıklamayı gösteren sekme modülünün görüntülenmesi. Ekstra bir tuvalet ürün üreticisi kullanmak
Düzen ekstra ile iyi çalışır. Bu bir demo 5. Kenar çubuğu olmadan kullanıyorum. WooCommerce ekstra özelliği ile iyi çalışan ürün açıklama alanında da kullanabilirsiniz. Yukarıdaki örnek standart bir WooCommerce ürün düzeni kullanıyor, ancak Divi Builder’ı kullanarak yaptığım ürün açıklamasını da kullanıyor. Lisans, dokümantasyon ve satın alınacak yer üç lisans mevcuttur: Bir web sitesi – 19 $ 5 Web Sitesi – 29 $ Sınırsız – 39 $ Dokümantasyon, soruları cevaplamaya ve başlamanıza yardımcı olmak için bir dizi blog yazısı olarak geliştirici web sitesinde sunulmaktadır. Eklentiler geliştirici web sitesinden satın alınabilir. WC ürün oluşturucunun zihnini sona erdirmek, her WooCommerce öğesini bireysel bir modüle değiştirdi, bu da yeni bir Woocommerce ürün düzeni oluşturmak için Divi oluşturucuya birçok modül ekledi. Ayrıca Ürün Açıklama alanına Divi Builder ekledi ve kısa bir kod kullanarak Divi modülüne 14 farklı öğe ekleyebilirsiniz. Bu birçok olası tasarım yaratır. Hayal gücünüzü tetiklemek ve başlamanıza yardımcı olmak için 8 demo düzeni bile içerir. Kolay bir eklenti buldum. Düzen çok yararlı. Kısa kod kullanımına örnekler eklediklerine sevindim. Kısa kodlarla ve bazıları ürün açıklamalarını kullanan daha fazla örnek görmek istiyorum. Demo çok fazla tasarım süresi tasarrufu sağlar. Woocommerce ürün sayfanız için yeni bir düzen oluşturmak istiyorsanız, WC ürün oluşturucu görülmeye değer. Senden duymak istiyoruz. Tuvalet ürünü üreticisi kullandınız mı? Yorumlarda bize bunun hakkındaki fikrinizi söyleyin. 660917131 / shutterstock.com aracılığıyla Üstün Görüntü
