הקפצת סל הקניות בעת הוספת מוצר לסל

הנה קוד שיקפיץ את סל הקניות של אלמנטור בעת הוספת מוצר לסל.

				
					jQuery(document).ready(function(){
             jQuery( document.body ).on( 'added_to_cart', function(){
         jQuery('.elementor-menu-cart__container').addClass('elementor-menu-cart--shown');
             });
             });
         
				
			

על מנת שזה יעבוד, יש להגדיר בהגדרות ווקומרס – הפעלת אפשרות כפתור AJAX של “הוסף לסל הקניות” בעמוד ארכיון המוצרים.

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

Ajax add to cart for WooCommerce

הקפצת סל קניות בלחיצה על כל דבר עם קלאס.

				
					jQuery(document).ready(function(){
             jQuery( '.your_class_here' ).click(function(){
         jQuery('.elementor-menu-cart__container').addClass('elementor-menu-cart--shown');
             });
             });
         
				
			

הקפצה כאשר העמוד עולה

				
					
jQuery(document).ready(function(){
        jQuery('.elementor-menu-cart__container').addClass('elementor-menu-cart--shown');
             
             });

         
				
			

הנה תיקון לאנימציית כניסה של הסל, במקום מימין לשמאל, משמאל לימין

				
					.elementor-menu-cart__container:not(.elementor-menu-cart--shown) .elementor-menu-cart__main{
        transform: translateX(-100%);
           

    }
				
			

והנה קוד לכניסה איטית יותר

				
					  .elementor-menu-cart__container .elementor-menu-cart__main {
   
    transition: 1s;
    
}
				
			

דוגמא לעוד אנימציות כניסה

				
					.elementor-menu-cart__container:not(.elementor-menu-cart--shown) .elementor-menu-cart__main{
        transform: translateX(-100%);
               opacity: 0;
    transform: translate3d(-100%,0,0) rotate3d(0,0,1,
-120deg
);
   
           

    }
				
			

תגובה אחת

  1. jQuery(document).ready(function(){
    jQuery( document.body ).on( ‘added_to_cart’, function(){
    jQuery(‘.elementor-widget-woocommerce-menu-cart’).addClass(‘elementor-menu-cart–shown’);
    });
    });

    היי הפונקציה הראשונה לא עובדת כמו שצריך זה התיקון

כתיבת תגובה

האימייל לא יוצג באתר. שדות החובה מסומנים *

פעם בשבוע אני שולח ניוזלטר
עם כל המאמרים החדשים באתר
מעניין אותך?