הוספת כפתור ניקוי עגלה בעגלה של אלמנטור

אחד הפי'צרים הכי פשוטים ליישום שלא קיימים כרגע באלמנטור הוא ניקוי/ריקון עגלה.

אז בואו נתחיל:

1. נכניס את הקוד הבא, אפשר בתבנית ואפשר דרך Elementor Code:

$( document ).on( 'click', '#clear-cart', function() {
	let el = $( this );
	let elHtml = el.html();
		
	el.html( elHtml + ' <i class="fas fa-spinner fa-spin"></i>' );
		
	let data = {
		action: 'my_clear_cart',
		security: el.attr( 'data-security' ),
	}
		
	$.post( woocommerce_params.ajax_url, data, function( response ) {
		el.html( elHtml );
			
		if( response.success ) {
			$( 'body' ).trigger( 'wc_cart_emptied' );
			$( 'body' ).trigger( 'wc_fragment_refresh' );
			$( 'body' ).trigger( 'update_checkout' );
		}
	} );
} );Code language: JavaScript (javascript)

2. נכניס את הקוד הבא בקובץ functions.php של התבנית או ע"י תוסף הזנת קודים כמו Code Snippets למשל:

function my_clear_cart() {
	if( !isset( $_POST['security'] ) || !wp_verify_nonce( $_POST['security'], 'my_clear_cart' ) ) {
		wp_send_json_error( [ 'message' => 'אירעה שגיאה בעת שליחת הטופס.' ] );
	}
	
	WC()->cart->empty_cart();
	
	wp_send_json_success();
}
add_action( 'wp_ajax_my_clear_cart', 'my_clear_cart' );
add_action( 'wp_ajax_nopriv_my_clear_cart', 'my_clear_cart' );

function my_woocommerce_before_mini_cart() {
	?>
	<span id="clear-cart" data-security="<?php echo wp_create_nonce( 'my_clear_cart' ); ?>">רוקן עגלה</span>
	<?php
}
add_action( 'woocommerce_before_mini_cart_contents', 'my_woocommerce_before_mini_cart' );Code language: PHP (php)

*טיפ: לווקומרס יש מנגנון קאש (זכרון מטמון) שזוכר את התבניות של ווקומרס, אם תזינו את הקוד שהוצג (ספציפית הפונקציה: woocommerce_before_mini_cart_contents, לא תראו את הכפתור ריקון עגלה עדין, על מנת לפתור את זה יש להיכנס לווקומרס > מצב > כלים > למחוק את מטמון התבנית -> נקה

• נוסיף קצת CSS כדי להציג את הכפתור ניקוי עגלה בחלק העליון:

#clear-cart {
    position: absolute;
    top: 20px;
    right: 30px;
    z-index: 10;
    text-decoration: underline;
    cursor: pointer;
}Code language: CSS (css)

זהו, עכשיו אתם יכולים להינות מכפתור לריקון העגלה ✌🏻