jq效果加入购物车

说实话，做一个只靠前端的购物车还是很简单的。
你首先下载JS文件，网上有很多带有购物车关键代码的。

然后你就可以在 HTML 中看到它了。
例如，按钮和产品展示必须布置得赏心悦目。
不要让布局太难看，要方便用户使用。

至于格式，就得你自己调整了。
按钮是什么样的以及产品是如何排列的？你必须自己更改CSS。

记住添加 jQuery 库。
如果没有它，购物车功能将无法使用。
将引用直接插入 HTML 中。

主要代码是一个JS函数。
当您编写一个操作并且用户单击该按钮时；调用该函数将产品添加到购物车。

如果你还想拖放，你可以这样做。
使用jQuery拖放插件；或者写你自己的逻辑。
用户可以将商品拖放到购物车区域并自动添加。

但是如果你想在拖动产品后将其删除。
您必须自己编写代码。
通过拖动它们很容易添加它们，但删除它们需要一些努力。

最后，注意文件路径。
添加正确的JS和CSS路径；不然他们不会加载。
测试多种浏览器（包括手机和电脑）的兼容性。

WooCommerce 菜单购物车：隐藏空购物车时的数量显示

隐藏 WooCommerce 空购物车数量显示并直接更改 function.php 子主题。

文件夹路径：wp-content/themes/您的子主题/functions.php。

添加到 my_item_setup 函数的代码： php add_filter('wp_setup_nav_menu_item', 'my_item_setup'); 函数 my_item_setup($item){ if(!is_admin() && class_exists('woocommerce')){ 全球$woocommerce； if($item->url == esc_url(wc_get_cart_url())){ $count = $woocommerce->cart->get_cart_contents_count(); 如果（$计数> 0）{ $innerBasket = '' 。
$计数''； } 否则{ $innerBasket = ''; } $item->title = '' 。
'' 。
$内部篮子。
''; } } 返回$item；
重点：只有定义$count>0时才会显示数量标记。

保存后清除所有缓存：WP后端工具->清除缓存。

注意。
如果您备份子主题然后更改它，您的浏览器缓存也将被清除。
您需要添加自己的 CSS（购物车类）。

测试空/非空购物车切换。