Divi Shop sayfasındaki sepete artı düğmesi nasıl eklenir
Divi kullanıyor musunuz ve mağaza sayfanızı ayarlamak mı istiyorsunuz? Bu öğreticide, Divi Shop sayfasındaki Sepet’e Ekle düğmesini nasıl gireceğinizi öğreneceksiniz. Bir çevrimiçi mağaza başlatmayı planlıyorsanız, WooCommerce bunu yapmanın en kolay ve en hızlı yoludur. Bir geliştirici olmasanız bile, bazı olağanüstü WooCommerce temaları, mağaza özelliklerinizi başlatmanıza ve geliştirmenize yardımcı olabilir. Dışarıdaki en iyi seçeneklerden biri Divi. Neden dükkan sayfasındaki sepete ekle düğmesini içeriyor? Divi teması, WooCommerce mağazaları için en popüler seçeneklerden biridir. Bu, birçok gelişmiş özelliğe sahip çok esnek bir temadır. Ancak, bir dezavantaj, mağaza sayfasındaki ürünün sepete eklemek için bir düğmesi olmamasıdır. Bu, satın alma hunisine adımlar ekler ve dönüşümü etkileyebilir. İyi haber şu ki, düzeltmenin bir yolu var.
Bu kılavuzda, Sepete Ekle düğmesini Divi Shop sayfasına nasıl kolayca ekleyebileceğinizi göstereceğiz. Divi’deki sepete nasıl bir artı düğmesi eklerim? Burada, Divi’deki sepete ekle düğmesini girmenin en basit ve en etkili yolunu göstereceğiz. Tema çekirdek dosyasında bazı değişiklikler yapacağımıza rağmen, bu yöntemi yeni başlayanlar için bile takip etmek çok kolaydır. Mağaza sayfasındaki sepete ekle düğmesini eklemek için iki ana yöntem şunlardır:
Dosyayı Değiştirme Function.php
Kod snippet eklentisini kullanarak
Bu yöntemlerin her ikisi de yeni başlayanlar için dost canlısıdır ve kısa sürede sepete eklemek için düğmeler eklemenize izin verecektir.
Başlamadan önce başlamadan önce size tavsiyelerde bulunuyoruz:
Bir hata oluşursa tam bir yedekleme yapın.
Bir Çocuk Teması Oluştur: Tema dosyasını doğrudan değiştirmenizi önermiyoruz. Bunun yerine, bir çocuğun teması yapabilir ve değiştirebilirsiniz. Bunu yapmak için çeşitli yöntemler var. Bu öğreticide eklentileri kullanacağız.
1) Function.php sepetine bir düğme ekleyin. Bunu yapmak için Child Themify adlı ücretsiz bir WordPress eklentisi kullanacağız. Yani, her şeyden önce, Sitenize Child Themify yüklemeniz gerekir.
Add_action (‘wooocommerce_aft_shop_loop_item’, ‘wooocommerce_template_loop_add_to_cart’, 20);
Kodu ekledikten sonra dosyayı güncelleyin. Mağaza sayfasını kontrol ederseniz, değişiklikleri göreceksiniz. Mağaza sayfasına sepete ekle düğmesini eklediniz! 2) Eklenti kodu örnekleri veya Fonksiyonlar.php dosyasını güncellemek yerine, eklenti kullanarak Divi’deki sepete ekle düğmesini ekleyebilirsiniz. WordPress ve ayarlamalarla ilgili deneyimlerimize göre, kod görüntüleri bu görev için en iyi araçlardan biridir.
Her şeyden önce, sitenizdeki kod görüntüleri eklentisini yüklemeniz ve etkinleştirmeniz gerekir.
Ardından, web sitenize yeni bir snippet eklemeniz gerekir.
Gördüğünüz gibi, bu iki yöntem çok basit ve etkilidir. Yeni başlayansanız, bir kod snippet kullanmanızı öneririz. Bu, temel dosyaları kolayca değiştirmenizi sağlayan ve web sitenize zarar vermeyecek ücretsiz bir araçtır. Ekle düğmesini sepete nasıl ayarlarsınız Şimdi Divi Shop sayfasındaki sepete ekle düğmesini başarıyla ekledikten sonra düğmeyi ayarlamanız gerekir. Bunu yapmak için, düğmeniz için özel CSS sınıfını belirlemelisiniz. Basit PHP kodu işi yapacak. Ardından, biraz CSS ekleyebilir ve düğmeyi ayarlayabilirsiniz. Bunu yapmak için, aşağıdaki PHP kodunu kod snippet bölümünde yenisi olarak yapıştırın. Add_action (‘wooocommerce_aft_shop_loop_item’, ‘quadlayers_wooocommerce_template_loop_add_to_cart’, 10); Add_action (‘wooocommerce_aft_shop_loop_item_title’, ‘quadlayers_wooocommerce_template_loop_add_to_cart’, 10);
quadLayers_wooocommerce_template_loop_add_to_cart işlevi {)
wooocommerce_template_loop_add_to_cart (Array (‘sınıf’ => ‘ürün button_type_simple add_to_cart_button ajax_add_to_cart my_class_here’));
}
Ardından, düğmeyi değiştirmek için CSS kullanabilirsiniz. Bu kodda, CSS varsayılan düğme sınıfından bahsettik: düğme ürün_type_simple add_to_cart_button ajax_add_to_cart. Buna ek olarak, my_class_here’yi değiştirerek özel bir CSS sınıfı ekleyebilirsiniz. Temanıza ek CSS girdiğinizde, .my_class {option: value! Önemli; } .my_class {option: değer! Önemli; }. My_class’ı CSS sınıfınızla değiştireceğinizden emin olun. Örneğin, bunun gibi bir CSS kodu kullanabilirsiniz:. WooCommerce-Loopproduct-Link + A {
/ * Buradaki özel CSS’niz */
} Divi teması özel bir CSS editörü ile birlikte gelir ve tüm CSS kodunu oraya koyabilirsiniz. Öte yandan, WordPress ayarınız aracılığıyla ek CSS bölümünü kullanabilirsiniz. Bir özelleştirici kullanmanızı öneririz, çünkü gerçek zamanlı olarak ne yaptığınızı görmenizi sağlar.
Sonuç, Divi Shop sayfasındaki sepete ekle düğmesini kolayca ekleyebilirsiniz. Bu şekilde, satın alma sürecini geliştirebilir, müşterilere daha iyi bir deneyim sağlayabilir ve dönüşümünüzü artırabilirsiniz. Buna ek olarak, bu, mağazanızdaki sepetin ihmalini azaltmanıza yardımcı olacaktır. Mağazanızdaki dönüşümü artırmak için bir başka ilginç seçenek, doğrudan mağazanıza bir ödeme bağlantısı eklemektir. Bu şekilde, satın alma işlemini kısaltır ve kullanıcıların durma şansını azaltırsınız. Bu konuda daha fazla bilgi için, WOOOCOMMERCE’in doğrudan kontrol bağlantısı nasıl yapılacağı konusundaki kılavuzumuza bakın.
Ayrıca, mağazanızı ayarlamak istiyorsanız, aşağıdaki öğreticiyi görmenizi öneririz:
WooCommerce Shop sayfasını nasıl ayarlarım? Woocommerce’de programlanmış bir sepet işlevini ekleyin
WooCommerce’deki sepete eklemek için Ajax düğmesini nasıl uygulayabilirim?
WooCommerce Checkout sayfasını nasıl ayarlarım?
Son olarak, Divi temasından mümkün olduğunca yararlanmak için yönergelerimizi görebilirsiniz:
Divi’de altbilgiyi nasıl gizleyip silebilirim?
Divi temas formu çalışmıyor mu?Nasıl düzeltilir!
Bu makaleyi yararlı bulursanız, lütfen bu yazıyı arkadaşlarınızla sosyal medyada paylaşmayı düşünün.Bu, başkalarının divi dükkan sayfalarını ayarlamasına yardımcı olacaktır.Dönüştürmenin nasıl artırılacağı hakkında daha fazla bilgi için en iyi WooCommerce Hızlı Satın Alma eklentisine bakın.
