WooCommerce Ödeme Sayfasında Ürün Görsellerini/Resimlerini Gösterme

Merhabalar,
Bu yazımızda siz woocommerce alt yapılı e-ticaret sayfaları için hem sizlerin hem de müşterileriniz için mükemmel bir modifikasyon paylaşacağız. Burada herhangi bir eklenti vs. kurmadan, sunucunuzu hostinginizi gereksiz eklentilerle doldurmadan bir kaç satır kod ile kolayca ödeme ekranında/sayfasında müşterilerin alacağı ürünlerin ürün resimlerini gösterebileceksiniz.

Woocommerce ödeme sayfasında ürün görsellerini/resimlerini göstermek kullanıcılara büyük avantaj sağlamaktadır. Müşterinin/kullanıcının alacağı ürünün mini resmini görmesi, alacağı ürünü bilmesi müşterinin her zaman hakkıdır.

Yapımı:
Wordpress Admin Panel > Görünüm > Tema Düzenleyicisi > functions.php dosyasının en altına aşağıdaki kodları yapıştırın ve kaydedin.

/**
 * Ödeme formunda ürün resmi gösterme
 *
 * @Şablon {templates|woocommerce}/checkout/review-order.php
 */
add_filter( 'woocommerce_cart_item_name', 'jfs_checkout_show_product_thumbnail', 10, 2 );
function jfs_checkout_show_product_thumbnail( $name, $cart_item ) {
    if ( ! is_checkout() ) return $name;
    $thumbnail = '<span class="product-name__thumbnail customimagecheckout">' . get_the_post_thumbnail( $cart_item['product_id'], array( 60, 120 ) ) . '</span>';
    return $thumbnail . '<span class="product-name__text">' . $name . '</span>';
}

Biraz sade ve bozuk gözüküyor olabilir. .customimagecheckout tagını kullanarak kendinize göre css düzenlemesi yapabilirsiniz.

İşlem bu kadar, hayırlı müşteriler 🙂

Kaynak: https://www.wpservis.com/woocommerce-odeme-sayfasinda-urun-gorsellerini-gosterme/