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

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

				
					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
);
   
           

    }
				
			

כתיבת תגובה

האימייל לא יוצג באתר.

קורס אלמנטור מתקדם

12 טיפים מהירים לשיפור עיצוב האתר

הרשמה לניוזלטר

כדאי לכם ;)

רגע, יש לי עוד..

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

קורס אלמנטור מתקדם

ועכשיו יש הנחה מיוחדת!!