Wooocommerce Checkout sayfasının ürün görüntüleri nasıl eklenir
WooCommerce’a aşina iseniz, bir çevrimiçi mağaza başlatmanın iyi bir seçim olduğunu biliyorsunuz. Alışveriş sepeti özellikleri diğer çevrimiçi mağaza platformlarına kıyasla belirgindir. Bununla birlikte, hemen hemen diğer tüm e -ticaret yazılımlarında, örneğin ödeme sayfasındaki ürün çizimlerinde kutudan çıkan bazı temel işlevleri yoktur. Ödeme sayfasını görürseniz, Sipariş İnceleme tablosunun ürün başlığını, envanteri ve fiyatı gösterdiğini, ancak her ürün için resim görüntüleymediğini göreceksiniz. Bir Woocommerce mağazası sahibiyseniz, varsayılan ödeme sayfasının çok optimize edilmediğini bilmelisiniz.
WooCommerce Ödeme Müşteri Deneyimini Optimize Edin Bu nedenle, bu, WooCommerce Checkout sayfasının daha fazla dönüşüm dostu hale getirmek ve dönüşümünüzü artırmak için çok fazla ayar gerektirdiğini ima eder. Müşteri kullanıcısınızın deneyimini WooCommerce Checkout’ta ayarlarsanız, bu makaleyi kasadan sonra bir wooocommerce transferinin nasıl yapılacağı ve belki de bu eklenti kullanmayı kontrol etmek isteyebilirsiniz – WooCommerce, müşterinin ödeme deneyimini geliştirmek için ödeme eklentisinden sonra yönlendirme. Bu varsayılan WooCommerce Checkout sayfası varsayılan ekran ödeme sayfasıdır: Buraya girdiğim yer; Size ödeme sayfasının dönüşümünü artırmanıza yardımcı olacak uzman bir çözüm vereceğim. Bu kısa öğretici, şablonu bir kenara bırakmadan ödeme sayfasına ürün resimlerinin nasıl ekleneceğini gösterecektir. Bazı çözümler şablonları değiştirmenize yardımcı olur, ancak bu temalarla çatışmaya neden olabilir. Bu bir filtre kullanılarak kolayca yapılabilir. Woocommerce mağaza ödeme sayfanıza ürün resimleri eklemek için adımlar. Takip etmeniz gereken adımlar şunlardır: WordPress sitenizi girin ve yönetici kullanıcısı olarak kontrol paneline erişin.
Gösterge Tablosu menüsünden görünüm menüsü> Tema Düzenleyici menüsüne tıklayın. Tema düzenleyicisi sayfası açıldığında, ödeme sayfasında ürün görüntülerini görüntüleyecek bir işlev ekleyeceğimiz tema işlevi dosyasını bulun.
PHP dosyasına aşağıdaki kodu ekleyin:
/**
* @snippet wooocommerce show ürünleri @ checkiout sayfası
*/
add_filter (‘wooocommerce_cart_item_name’, ‘ts_product_image_on_checkout’, 10, 3);
ts_product_image_on_checkout işlevi ($ name, $ cart_item, $ cart_item_key) {
/ * Ödeme sayfası değilse geri dönün */
if (! Is_checkout ()) {
geri $ adı;
}
/ * Ürün nesneleri alın */
$ _Products = Appl_filters (‘wooocommerce_cart_item_product’, $ cart_item [‘data’], $ cart_item, $ cart_item_key);
/ * Mini ürün görüntüleri alın */
$ thumbnail = $ _products-> get_image ();
/ * Resme sarma ekleyin ve bazı css ekleyin */
$ image = ‘
‘
. $ küçük resim.
”;
/ * İsimlere resim ekleyin ve dön */
Geri $ resim. $ adı;
}
Bu kodun sonuçlarını görmek için ödeme sayfasını yenilemeniz gerekir ve şunları göreceksiniz:
Artık tüm ürün görüntülerini yukarıda gösterildiği gibi görebilmeniz gerekir. Ayrıca, kullanıcıdan sonra sipariş ödeme sayfasına resim eklemeyi seçebilirsiniz. Bu, Sipariş Ödeme Sayfasının varsayılanıdır:
Gösterge Tablosu menüsünden görünüm menüsü> Tema Düzenleyici menüsüne tıklayın. Tema düzenleyicisi sayfası açık olduğunda, sipariş ödeme sayfasında ürün resimlerini görüntüleyecek bir işlev ekleyeceğimiz tema işlevi dosyasını arayın.
PHP dosyasına aşağıdaki kodu ekleyin:
/**
* @snippet wooocommerce ekran ürünleri @ sipariş sayfası sayfası
*/
add_filter (‘wooocommerce_order_item_name’, ‘ts_product_image_on_order_pay’, 10, 3);
İşlev ts_product_image_on_order_pay ($ name, $ öğe, $ ekstra) {
/ * Ödeme sayfası değilse geri dönün */
if (! Is_checkout ()) {
geri $ adı;
}
$ ürün_id = $ öğe-> get_product_id ();
/ * Ürün nesneleri alın */
$ _Product = wc_get_product ($ ürün_id);
/ * Mini ürün görüntüleri alın */
$ thumbnail = $ _products-> get_image ();
/ * Resme sarma ekleyin ve bazı css ekleyin */
$ image = ‘
‘. $ küçük resim.
”;
/ * İsimlere resim ekleyin ve dön */
Geri $ resim. $ adı;
}
Bu kodun sonuçlarını görmek için ödeme siparişi sayfasını yenilemeniz gerekir ve şunları göreceksiniz:
Sonuç Bu yazıda, ürün resimleri ekleyebileceğiniz iki alanı, yani ödeme siparişi sayfasını ve ödeme sayfasını vurguladım. Temayı değiştirmenizi tavsiye etmiyorum, çünkü bu temalarla çatışmaya neden olabilir. Yukarıdaki basit adımlarda gösterildiği gibi bunu yapmak için bir filtrenin kullanılması önerilir.
Benzer makaleler Ödeme sayfalarının özelleştirilmesi için 23 En İyi WooCommerce eklentisi
Wooocommerce’de üstün ürünler nasıl ayarlanır
Özel WooCommerce Pay Pay Pay Pay Paylaşımı nasıl eklenir
Wooocommerce ürünlerini kategoriye göre nasıl gösterilir
Wooocommerce Checkut sayfasındaki PayPal simgesi nasıl değiştirilir
Sepetinize nasıl silinir veya wooocommerce siparişi
Ödeme sonrası wooCommerce transferi: Ödeme sonrasında otomatik olarak özel bir sayfaya nasıl geçilir
Varsayılan WooOcommerce ürününün sıralanması nasıl kaldırılır
Wooocommerce ürün görüntüsünün boyutu nasıl değiştirilir
Wooocommerce’deki ürüne GTIN numarası nasıl eklenir
Woocommerce’deki mağaza sayfasından tüm ürünler nasıl gizlenir
Daha iyi kullanıcı deneyimi için wooocommerce kategorisi nasıl sıralanır
Wooocommerce ile dijital ürünler nasıl satılır
Wooocommerce Kupon Kodu Alanı Nasıl Gizlenir
Wooocommerce Checkout sayfasında PayPal simgesi nasıl gizlenir
Faturalandırma ayrıntılarını sepetten wooocommerce kasalarından nasıl silinir ve wooocommerce checkut sayfasına geri döner
WOOOCOMMERCE’deki ödeme düğmesinin metnini nasıl değiştirir [Sipariş ver]
Eklentinin WordPress’te aktif olup olmadığını nasıl kontrol edilir [3 yol]
Wooocommerce Checkout sayfasına silinmiş simgeler nasıl eklenir
WooCommerce Ödeme Müşteri Deneyimini Optimize Edin Bu nedenle, bu, WooCommerce Checkout sayfasının daha fazla dönüşüm dostu hale getirmek ve dönüşümünüzü artırmak için çok fazla ayar gerektirdiğini ima eder. Müşteri kullanıcısınızın deneyimini WooCommerce Checkout’ta ayarlarsanız, bu makaleyi kasadan sonra bir wooocommerce transferinin nasıl yapılacağı ve belki de bu eklenti kullanmayı kontrol etmek isteyebilirsiniz – WooCommerce, müşterinin ödeme deneyimini geliştirmek için ödeme eklentisinden sonra yönlendirme. Bu varsayılan WooCommerce Checkout sayfası varsayılan ekran ödeme sayfasıdır: Buraya girdiğim yer; Size ödeme sayfasının dönüşümünü artırmanıza yardımcı olacak uzman bir çözüm vereceğim. Bu kısa öğretici, şablonu bir kenara bırakmadan ödeme sayfasına ürün resimlerinin nasıl ekleneceğini gösterecektir. Bazı çözümler şablonları değiştirmenize yardımcı olur, ancak bu temalarla çatışmaya neden olabilir. Bu bir filtre kullanılarak kolayca yapılabilir. Woocommerce mağaza ödeme sayfanıza ürün resimleri eklemek için adımlar. Takip etmeniz gereken adımlar şunlardır: WordPress sitenizi girin ve yönetici kullanıcısı olarak kontrol paneline erişin.
Gösterge Tablosu menüsünden görünüm menüsü> Tema Düzenleyici menüsüne tıklayın. Tema düzenleyicisi sayfası açıldığında, ödeme sayfasında ürün görüntülerini görüntüleyecek bir işlev ekleyeceğimiz tema işlevi dosyasını bulun.
PHP dosyasına aşağıdaki kodu ekleyin:
/**
* @snippet wooocommerce show ürünleri @ checkiout sayfası
*/
add_filter (‘wooocommerce_cart_item_name’, ‘ts_product_image_on_checkout’, 10, 3);
ts_product_image_on_checkout işlevi ($ name, $ cart_item, $ cart_item_key) {
/ * Ödeme sayfası değilse geri dönün */
if (! Is_checkout ()) {
geri $ adı;
}
/ * Ürün nesneleri alın */
$ _Products = Appl_filters (‘wooocommerce_cart_item_product’, $ cart_item [‘data’], $ cart_item, $ cart_item_key);
/ * Mini ürün görüntüleri alın */
$ thumbnail = $ _products-> get_image ();
/ * Resme sarma ekleyin ve bazı css ekleyin */
$ image = ‘
‘
. $ küçük resim.
”;
/ * İsimlere resim ekleyin ve dön */
Geri $ resim. $ adı;
}
Bu kodun sonuçlarını görmek için ödeme sayfasını yenilemeniz gerekir ve şunları göreceksiniz:
Artık tüm ürün görüntülerini yukarıda gösterildiği gibi görebilmeniz gerekir. Ayrıca, kullanıcıdan sonra sipariş ödeme sayfasına resim eklemeyi seçebilirsiniz. Bu, Sipariş Ödeme Sayfasının varsayılanıdır:
Bu, sayfaları optimize etmek için yapılabilir ve kullanıcılar, kısa bir açıklamaya ek olarak satın aldıklarının resimlerini görebilir. Bunu yapmak kolaydır ve sadece bu adımları izlemeniz gerekir. Woocommerce mağazanızdaki sipariş ödeme sayfasına ürün resimleri eklemek için adımlar.
WordPress sitenizi girin ve yönetici kullanıcısı olarak gösterge tablosuna erişin.Gösterge Tablosu menüsünden görünüm menüsü> Tema Düzenleyici menüsüne tıklayın. Tema düzenleyicisi sayfası açık olduğunda, sipariş ödeme sayfasında ürün resimlerini görüntüleyecek bir işlev ekleyeceğimiz tema işlevi dosyasını arayın.
PHP dosyasına aşağıdaki kodu ekleyin:
/**
* @snippet wooocommerce ekran ürünleri @ sipariş sayfası sayfası
*/
add_filter (‘wooocommerce_order_item_name’, ‘ts_product_image_on_order_pay’, 10, 3);
İşlev ts_product_image_on_order_pay ($ name, $ öğe, $ ekstra) {
/ * Ödeme sayfası değilse geri dönün */
if (! Is_checkout ()) {
geri $ adı;
}
$ ürün_id = $ öğe-> get_product_id ();
/ * Ürün nesneleri alın */
$ _Product = wc_get_product ($ ürün_id);
/ * Mini ürün görüntüleri alın */
$ thumbnail = $ _products-> get_image ();
/ * Resme sarma ekleyin ve bazı css ekleyin */
$ image = ‘
‘. $ küçük resim.
”;
/ * İsimlere resim ekleyin ve dön */
Geri $ resim. $ adı;
}
Bu kodun sonuçlarını görmek için ödeme siparişi sayfasını yenilemeniz gerekir ve şunları göreceksiniz:
Sonuç Bu yazıda, ürün resimleri ekleyebileceğiniz iki alanı, yani ödeme siparişi sayfasını ve ödeme sayfasını vurguladım. Temayı değiştirmenizi tavsiye etmiyorum, çünkü bu temalarla çatışmaya neden olabilir. Yukarıdaki basit adımlarda gösterildiği gibi bunu yapmak için bir filtrenin kullanılması önerilir.
Benzer makaleler Ödeme sayfalarının özelleştirilmesi için 23 En İyi WooCommerce eklentisi
Wooocommerce’de üstün ürünler nasıl ayarlanır
Özel WooCommerce Pay Pay Pay Pay Paylaşımı nasıl eklenir
Wooocommerce ürünlerini kategoriye göre nasıl gösterilir
Wooocommerce Checkut sayfasındaki PayPal simgesi nasıl değiştirilir
Sepetinize nasıl silinir veya wooocommerce siparişi
Ödeme sonrası wooCommerce transferi: Ödeme sonrasında otomatik olarak özel bir sayfaya nasıl geçilir
Varsayılan WooOcommerce ürününün sıralanması nasıl kaldırılır
Wooocommerce ürün görüntüsünün boyutu nasıl değiştirilir
Wooocommerce’deki ürüne GTIN numarası nasıl eklenir
Woocommerce’deki mağaza sayfasından tüm ürünler nasıl gizlenir
Daha iyi kullanıcı deneyimi için wooocommerce kategorisi nasıl sıralanır
Wooocommerce ile dijital ürünler nasıl satılır
Wooocommerce Kupon Kodu Alanı Nasıl Gizlenir
Wooocommerce Checkout sayfasında PayPal simgesi nasıl gizlenir
Faturalandırma ayrıntılarını sepetten wooocommerce kasalarından nasıl silinir ve wooocommerce checkut sayfasına geri döner
WOOOCOMMERCE’deki ödeme düğmesinin metnini nasıl değiştirir [Sipariş ver]
Eklentinin WordPress’te aktif olup olmadığını nasıl kontrol edilir [3 yol]
Wooocommerce Checkout sayfasına silinmiş simgeler nasıl eklenir
