Divi Builder'da Ürün Sayfası Şablonu Nasıl Düzenlenir

WordPress için Divi temasını kullanıyorsanız ve ürün sayfalarınızı düzenlemek istiyorsanız bilmeniz gereken birkaç şey var. İlk önce bir çocuk teması oluşturmanız gerekir. Bu, orijinal tema dosyalarını etkilemeden kodda değişiklik yapmanızı sağlar. Bir alt tema oluşturduktan sonra Divi Builder'da ürün sayfası şablonunu düzenleyebilirsiniz. Ürün sayfası şablonunu düzenlemek için önce WordPress yönetici panelindeki Divi Builder sekmesine gidin. Ardından “Şablonlar” sekmesine tıklayın ve açılır menüden “Ürün Sayfası”nı seçin. Divi Builder'a girdikten sonra, ürün sayfası şablonunu oluşturan tüm öğelerin bir listesini göreceksiniz. Bu öğelerden herhangi birini üzerlerine tıklayarak ve ardından sağdaki kenar çubuğunda değişikliklerinizi yaparak düzenleyebilirsiniz. Örneğin, ürün resmini değiştirmek istiyorsanız, “Görüntü” öğesine tıklayın ve ardından WordPress medya kitaplığından yeni bir resim seçin. Değişikliklerinizi yapmayı tamamladığınızda Divi Builder kenar çubuğundaki "Kaydet" düğmesini tıklayın. Değişiklikleriniz artık web sitenizdeki tüm ürünlere uygulanacaktır.

Divi Builder, WooCommerce web sitelerini hiçbir şey kodlamanıza gerek kalmadan görsel olarak özelleştirmenizi sağlayan harika bir araçtır. Mağazanızın ürün sayfasında ürünlerinizin nasıl görüntülendiğini gösterebileceksiniz. Ürün sayfasını renklendirmek ve ilgili öğeleri eklemek iyi bir fikirdir, ancak çok daha fazlası var. Divi teması, özel sayfalar oluşturmak için kullanılabilen bir Divi Builder sayfa oluşturucu içerir. Önceden herhangi bir kodlama deneyimi olmadan WooCommerce ürün sayfasını ve sitenizin diğer bölümlerini hızlı ve kolay bir şekilde kişiselleştirebileceksiniz. WooCommerce platformu, özel gereksinimlerinizi karşılamak için kolayca değiştirilebilen çok çeşitli modülleri destekler. Divi Builder ile müşteri inceleme sayısını hızlı bir şekilde kapatabilir ve yıldız derecelendirmesini görüntüleyebilir veya işlevselliği gizleyebilirsiniz.

Ürün sayfalarınıza ürün galerisi ekleyerek dönüşüm oranlarını artırabilirsiniz. Her bir öğenizin en az 3-4 fotoğrafını siparişinize eklemenizi öneririz. Çevrimiçi kurslar satıyorsanız, ürün sayfasını temiz tutmak için miktar seçeneğini devre dışı bırakmak isteyebilirsiniz. Geçişler, ürün sayfanızı temiz tutarken bilgileri görmeyi kolaylaştırır. Aşağıdaki ürün sayfasından ürün açıklamasının altına bir geçiş modülünün nasıl kurulacağını göstereceğiz. Ürün/Arşiv bölümümüzde başlık Ürün/Arşiv başlığı olacaktır ancak yazar olarak ihtiyaçlarınıza en uygun materyali seçebilirsiniz. Menüden Ürün Açıklaması'nı seçerek veritabanınıza erişebilirsiniz. Değişiklikleri tamamladıktan sonra, tamamlanır tamamlanmaz otomatik güncellemeler alacaksınız. Bu modül, bölümler oluşturmanıza ve sayfalarınızı ve gönderilerinizi basit bir şekilde kişiselleştirmenize olanak tanır.

Divi WooCommerce Ürün Sayfasını Özelleştir

Divi WooCommerce ürün sayfasını özelleştirmenin birçok yolu vardır. Düzeni, renkleri, yazı tipini ve çok daha fazlasını değiştirebilirsiniz. Ürün sayfanızın görünümünü ve verdiği hissi daha da özelleştirmek için özel CSS ve HTML de ekleyebilirsiniz.

Divi WooCommerce Ürün Sayfası Şablonu

Divi woocommerce ürün sayfası şablonu , ürünlerinizi web sitenizde sergilemenin harika bir yoludur. Bu şablon türü, ürünlerinizi temiz ve düzenli bir şekilde sergilemenize olanak tanıyarak ziyaretçilerin aradıklarını bulmasını ve aramasını kolaylaştırır. Ek olarak, bir divi woocommerce ürün sayfası şablonu, arama motorlarının ürünlerinizi bulmasını ve dizine eklemesini kolaylaştırarak web sitenizin arama motoru optimizasyonunu (SEO) artırmanıza yardımcı olabilir.

Gerekli tüm özellikleri içerdiğinden, web sitenizde bir e-ticaret mağazası oluşturmak için WooCommerce'i kullanabilirsiniz. WooCommerce'in varsayılan sayfa düzeni, özellikle ürün sayfaları, son derece basittir ve yaratıcılıktan yoksundur. Bu eğitimde, Divi kullanarak sıfırdan bir WooCommerce ürün sayfası şablonu oluşturmayı öğreneceğiz. Bu adım adım video, Divi kullanarak bir WooCommerce ürün sayfası şablonunun nasıl oluşturulacağını gösterir. Daha sonra bu noktada tanımlanan kriterlere göre ürünlerinizi tasarlayabilir ve düzenleyebilirsiniz. Bireysel ürün sayfaları veya ürün arşiv sayfaları ayrı şablonlar olarak oluşturulabilir. Her iki sütunda da birçok modül olacak.

Her modül için onları ekleme ve değiştirme konusunda size yardımcı olacak özel bir bölüm oluşturduk. Başlamak için, önce şablon için ürün görseli modülünü tanımlamalıyız. Bir sonraki adımda ürün sayfasına sepet bildirimi ekleyeceğiz. Ürün adı ve derecelendirmesi ürün sayfasında görüntülenmelidir. Kullanıcılar, ürünün nereden geldiğine dair ayrıntılı bir açıklama yaparak, sayfada nerede olduklarını bulabilecekler. Yeni Modül Ekle düğmesini ve ardından Woo Ekmek Kırıntılarını seçerek içerik kırıntıları ekleyebilirsiniz. Sepet bildirimi ve ayırıcı da gereklidir.

Ürün puanlarını ekledikten sonra kullanıcılarımıza ürünün ne kadara mal olduğunu göstermek için ürün fiyatlandırmasını dahil etmek istiyoruz. Ardından Fiyat Metni bölümünde Woo Fiyat modülünü ekleyin. Bir sonraki adım, Tasarım sekmesinden Düğme için Özel Stil Kullan'ı seçmektir. Tasarımı tutarlı tutmak için Düğme Metni Rengi olarak moru seçin. Şimdi ürün açıklamasını ekleme zamanı. Yer tutucu URL'ye basarsanız, ürün sayfasının yer tutucu metnini görüntüler, ancak sayfanın içeriğini yansıtacak şekilde dinamik olarak güncellenir. 3. adımda, Woo İlgili Ürün modülünü eklemeniz gerekecek.

Bu adım, bir ürün tepsisini tutması amaçlanan panelin üçüncü sırasının yapılmasını gerektirir. Ürün sayfası şablonunuzu test ederek her şeyin düzgün çalıştığını kontrol edin. Başlamak için önce şablonumuzu kaydetmeliyiz. Her şey yolunda giderse, Divi ile özel WooCommerce ürün sayfası şablonunuzu oluşturabileceksiniz. Divi'nin güçlü modülleri ve sezgisel kullanıcı arayüzü, kısa sürede profesyonel görünümlü bir tasarım oluşturmayı kolaylaştırır. Mümkün olduğunca kısaltmak için öğreticimizde yalnızca bir ayara baktık. Her modülün kendi tasarım ayarları ve seçenekleri olduğundan, olasılıklar sonsuzdur.

Divi Ürün Sayfası Düzeni

Divi ürün sayfası düzeni, ürünleri bir çevrimiçi mağazada sergilemek için tasarlanmış bir düzendir. Bu tür yerleşim, genellikle ürünlerin büyük resimlerini, açıklamaları ve fiyatları içerir. Çoğu Divi ürün sayfası düzeni , müşterilerin ürünleri alışveriş sepetlerine eklemeleri için bir yol da içerir.

Divi için WooCommerce Layouts ile bir çevrimiçi mağaza oluşturabilirsiniz. Divi mağazası, yalnızca Divi mağaza düzenini değil, e-ticaret sitenizin her yönünü özelleştirmenize olanak tanıyan çok sayıda şablonla birlikte gelir. Ürün sayfaları, mağaza sayfaları, alışveriş sepeti sayfaları ve ödeme sayfalarının tümü mevcuttur. Bu düzenler, kullanıcı dostu Divi alışveriş sepeti sayfaları oluşturarak müşterilere yardımcı olacak ve mevcut sepetleri güncel değilse, satın alma işlemini ortada bırakmalarına olanak tanıyacaktır. Bu Divi ödeme sayfası şablonlarını kullandığınızda, mağaza sayfasından ödeme sayfasına kadar tüm web sitesi üzerinde tam kontrole sahip olacaksınız. Bu sayfadaki butonları kullanarak herhangi bir boyuttaki ekran çözünürlüğüne sahip herhangi bir cihazdaki herhangi bir sayfaya bağlanabilirsiniz.

Divi Tema Mağaza Düzeni

WordPress ile bir çevrimiçi mağaza oluşturmak istiyorsanız, e-Ticaret işlevselliğini içeren bir tema seçmeniz gerekir. Divi Teması, özellikle e-ticaret siteleri için önceden oluşturulmuş bir düzen içerdiğinden, birçok çevrimiçi mağaza için popüler bir seçenektir. Bu düzen, bir ürün ızgarası, ürün sayfaları, bir alışveriş sepeti ve daha fazlasını içerir. Divi Temasını mağazanızın markasına ve stiline uyacak şekilde kolayca özelleştirebilirsiniz.

Aşağıdaki sayfalar, Divi için kullanılabilen kapsamlı bir e-Ticaret düzenleri listesi içerir. Divi'nin mizanpajları, dünyanın her yerindeki tasarımcıların ve geliştiricilerin tasarımlarıyla, piyasadaki herhangi bir platformun en pratik olanıdır. Divi Builder, e-ticaret düzenlerini doğrudan Divi kitaplığınıza aktarmanıza olanak tanır ve bir sonraki Divi projeniz üzerinde hemen çalışmaya başlamanıza olanak tanır. Divi Teması WordPress ile uyumlu olduğundan, web sitenizde yukarıda gösterilen e-Ticaret düzenlerini kullanabilirsiniz. Bu düzen dizinini bulmak ve göz atmak için kenar çubuğunda bir arama işlevi kullanılabilir. DivieCommerce düzeninizi Divilayouts.com dizinine göndermenizi öneririz.

Divi Neden E-Ticaret Web Siteniz İçin Mükemmel Temadır?

Divi iyi bir e-ticaret temasıdır . Divi, bir e-ticaret web sitesi için mükemmel bir platformdur. Bununla WooCommerce ile bütünleşen, iyi işleyen ve çok yönlü bir web sitesi oluşturabilirsiniz. Yeni bir başlangıç ​​yapmak veya mevcut web sitenizi yenilemek istiyorsanız Divi mükemmel bir seçimdir.