איך להוסיף תמונת מוצר בעמוד תשלום

אם אתם משתמשים בווקומרס, שזאת פלטפורמה מצויינת למסחר אינטרנטי, אתם בטח יודעים שיש מספר פונקציות בסיסיות שווקומרס לא נותנים בצורה דיפולטיבית (ברירת מחדל).

אחת מהפונקציות היא תמונת מוצר בעמוד תשלום (עמוד קופה).

אני מאמין, ששמתם לב, שבעמוד התשלום בטבלה המסכמת את פרטי ההזמנה קיימים רק הפרטים הבאים:

  • שם המוצר
  • מלאי/כמות
  • מחיר

אין תצוגה של תמונת המוצר.

תצוגת עמוד תשלום בלי תמונות

כאן תמצאו פתרון להצגת תמונת המוצר בדף התשלום וגם יגדיל את יחס ההמרה.

 

איך להוסיף תמונת מוצר בעמוד תשלום בווקומרס

הכנסו לממשק הניהול / לוח בקרה – > עיצוב – > עריכת תבנית.

במידה ואין לכם אפשרות לערוך את התבנית מהלוח בקרה של וורדפרס, הכנסו לנתיב דרך השרת.

הכנסו לעריכת קובץ Functions.php (עדיפות לבצע זאת בתבנית בת במידה ויהיה עדכון לתבנית השורות שאנחנו מוסיפים – לא יידרסו).

העתיקו את הקוד הבא והדביקו אותו בקובץ ולאחר מכן לחצו על "עדכון".

/**
* @snippet WooCommerce Show Product Image @ Checkout Page
*/

add_filter( 'woocommerce_cart_item_name', 'ts_product_image_on_checkout', 10, 3 );

function ts_product_image_on_checkout( $name, $cart_item, $cart_item_key ) {

/* Return if not checkout page */
if ( ! is_checkout() ) {
return $name;
}

/* Get product object */
$_product = apply_filters( 'woocommerce_cart_item_product', $cart_item['data'], $cart_item, $cart_item_key );

/* Get product thumbnail */
$thumbnail = $_product->get_image();

/* Add wrapper to image and add some css */
$image = '

'
. $thumbnail .
'

';

/* Prepend image to name and return it */
return $image . $name;

}

 

כדי לראות את התוצאה של הקוד עליכם לרענן את עמוד התשלום באתר.

התוצאה

תצוגת עמוד תשלום עם תמונות

 

מקווה שעזרתי.

יש לכם עוד שאלות? רוצים מדריכים נוספים שאין באינטרנט? מוזמנים לכתוב לי.

בהצלחה!