问题描述
在Woocommerce中，我试图在达到特定产品类别中购物车中的特定产品数量时显示JavaScript甜警报"，并在达到次要类别中特定产品数量时显示另一个JavaScript警报.
In Woocommerce I'm trying to display a JavaScript "Sweet alert" when a specific count of products in the cart from a specific product category is reached, AND another alert when a specific count of products from a secondary category is reached.
物品是通过AJAX添加到购物车的，这就是为什么我要使用JavaScript警报(甜蜜警报)的原因.
Items are added to the cart via AJAX which is why I want to use a JavaScript alert (Sweet alert).
例如
- 如果购物车中包含"包"类别中的 5个产品-显示警报袋.
- 如果购物车中包含"鞋子"类别中的 5个产品-显示警报鞋子.
- IF篮子已经有5个袋子，并且然后添加了5个鞋子-显示警报鞋子，但不显示袋子，因为它们已经在篮子中
- IF cart contains 5 products from category "Bags" - Display alertbags.
- IF cart contains 5 products from category "Shoes" - Display alert shoes.
- IF basket already has 5 bags and then 5 shoes are added - Display alert shoes, but NOT for bags as they are already in the basket
下面的代码可以用于场景 1 和 2 ，但是可以处理编号 3 .
The code below can work for scenario 1 and 2, but does handle number 3.
适用于单个产品类别:
I have been helped with this answer code to which works for a single product category:
// Wordpress Ajax: Get different cart items count
add_action( 'wp_ajax_nopriv_checking_items', 'checking_cart_items' );
add_action( 'wp_ajax_checking_items', 'checking_cart_items' );
function checking_cart_items() {
if( isset($_POST['id']) && $_POST['id'] > 0 ){
// Initialising variables
$count = 0;
$product_id = $_POST['id'];
$category = 'bags';
$category = 't-shirts';
// Loop through cart for product category
foreach ( WC()->cart->get_cart() as $cart_item ) {
if ( has_term( $category, 'product_cat', $cart_item['product_id'] ) ) {
$count += $cart_item['quantity'];
//ELSE IF STATEMENT HERE?
}
}
// Only if the added item belongs to the defined product category
if( has_term( $category, 'product_cat', $_POST['id'] ) )
echo $count; // Returned value to jQuery
}
die(); // To avoid server error 500
}
// The Jquery script
add_action( 'wp_footer', 'items_check' );
function items_check() {
if(is_checkout()) return; // Except on checkout page
?>
<script src="https://unpkg.com/[email protected]/dist/sweetalert2.all.js"></script>
<script type="text/javascript">
jQuery( function($){
// wc_add_to_cart_params is required to continue
if ( typeof wc_add_to_cart_params === 'undefined' )
return false;
$(document.body).on( 'added_to_cart', function( event, fragments, cart_hash, $button ) {
// The Ajax request
$.ajax({
type: 'POST',
url: wc_add_to_cart_params.ajax_url,
data: {
'action': 'checking_items',
'id' : $button.data( 'product_id' ) // Send the product ID
},
//ONLY DISPLAY ALERT IF TOTAL ITEMS IS FROM CATEGORY BAGS
success: function (response) {
console.log('response: '+response); // Testing: to be removed
if(response == 5 ){
//DISPLAY JAVASCRIPT ALERT
const toast = swal.mixin({
toast: true,
showConfirmButton: false,
timer: 3000
});
toast({
type: 'success',
title: '5 Items Added!'
})
}
}
});
});
});
</script>
<?php
}
如何处理2种不同的产品类别?
How can I handle 2 different product categories?
感谢您的帮助.
推荐答案
要使其适用于2个不同的产品类别，当其中一个产品类别中的5个项目已添加到购物车时，显示甜蜜警报:
To make it work for 2 different product categories displaying a Sweet alert when 5 items from one of those product categories have been added to cart:
// Wordpress Ajax: Get different cart items count
add_action( 'wp_ajax_nopriv_checking_items', 'checking_cart_items' );
add_action( 'wp_ajax_checking_items', 'checking_cart_items' );
function checking_cart_items() {
if( isset($_POST['id']) && $_POST['id'] > 0 ){
// Initialising variables
$counts = array();
$product_id = $_POST['id'];
$categories = array('bags', 'shoes');
// Loop through cart for product categories count
foreach ( WC()->cart->get_cart() as $cart_item ) {
if ( has_term( $categories[0], 'product_cat', $cart_item['product_id'] ) )
$counts[0] += $cart_item['quantity'];
if ( has_term( $categories[1], 'product_cat', $cart_item['product_id'] ) )
$counts[1] += $cart_item['quantity'];
}
// Return the product category count that belongs to the added item
if( has_term( $categories[0], 'product_cat', $product_id ) )
echo json_encode(array( strtoupper($categories[0]) => $counts[0])); // Returned value to jQuery
if( has_term( $categories[1], 'product_cat', $product_id ) )
echo json_encode(array( strtoupper($categories[1]) => $counts[1])); // Returned value to jQuery
}
die(); // To avoid server error 500
}
// The Jquery script
add_action( 'wp_footer', 'items_check' );
function items_check() {
if(is_checkout()) return; // Except on checkout page
?>
<script src="https://unpkg.com/[email protected]/dist/sweetalert2.all.js"></script>
<script type="text/javascript">
jQuery( function($){
// wc_add_to_cart_params is required to continue
if ( typeof wc_add_to_cart_params === 'undefined' )
return false;
$(document.body).on( 'added_to_cart', function( event, fragments, cart_hash, $button ) {
// The Ajax request
$.ajax({
type: 'POST',
url: wc_add_to_cart_params.ajax_url,
data: {
'action': 'checking_items',
'id' : $button.data('product_id') // Send the product ID
},
//ONLY DISPLAY ALERT IF TOTAL ITEMS IS FROM CATEGORY BAGS
success: function (response) {
$.each( JSON.parse(response), function( category, count ) {
if( count == 5 ){
// Display javascript alert
const toast = swal.mixin({
toast: true,
showConfirmButton: false,
timer: 3000
});
toast({
type: 'success',
title: "You've added 5 "+category+"!"
});
}
// The below line is just for testing: to be removed
console.log('category: '+category+' | count: '+count);
});
}
});
});
});
</script>
<?php
}
代码进入您的活动子主题(或活动主题)的function.php文件中.经过测试，可以正常工作.
Code goes in function.php file of your active child theme (or active theme). Tested and works.
这篇关于Ajax上的JS警报添加到购物车中Woocommerce中多个产品类别的计数的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！