מעבר לסל הקניות – הסרה של הכפתור המעצבן אחרי הוספה לסל

ל-WooCommerce יש פונקציונליות מובנית של AJAX שמאפשרת הוספת מוצרים לעגלה בדפי ארכיון (כגון דף החנות, קטגוריות מוצרים ותגים). לאחר הוספת מוצר, WooCommerce מציג כפתור “מעבר לעגלה” לצד הלחצן “הוסף לסל”.

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

במקום להשתמש בשיטת ה-CSS הקלאסית display: none, שמסתירה את הכפתור אך משאירה אותו ב-HTML, נציג כאן פתרון אלגנטי שמבטיח שהכפתור לא ייטען כלל בדף. כך הפריסה נשארת נקייה, והאתר עובד בצורה חלקה יותר. מוזמנים לנסות ולראות את ההבדל! 😊 תראו לבד.

אז איך מסירים את כפתור מעבר ללסל הקניות?

תוסיפו את הקוד הזה לfunctions.php שבתבנית הבת שלכם, ושלום על ישראל, הכפתור לא יופיע שוב.

/**
* הסרת כפתור "מעבר לסל" בעמוד החנות של WooCommerce
*/

add_action( 'wp_footer', 'eliko_remove_view_cart_button' );

function eliko_remove_view_cart_button() {
   wc_enqueue_js( "
      $( document.body ).on('wc_cart_button_updated', function(){
         $('.added_to_cart.wc-forward').remove();
      });   
   " );
}

אז תהנו.. ותגידו תודה לחברה מbusinessbloomer ששיתפו איתנו את הקוד.