我正在WooCommerce主题实现上, 我已经使用jquery设计了迷你购物车侧面板, 问题是当用户单击商店页面上的添加到购物车时其显示产品已添加, 页面未加载以及在minicart中添加的商品未显示我需要刷新在页面上查看添加的项目。请帮忙。
我是设计师, 我从事WordPress主题实现工作WooCommerce主题实现对我来说是新的。因此, 请向我提供解决方案。
#1首先, 你可以在function.php上创建简码
function custom_mini_cart() { echo '<
a href="http://www.srcmini.com/#" class="dropdown-back" data-toggle="dropdown">
';
echo '<
i class="fa fa-shopping-cart" aria-hidden="true">
<
/i>
';
echo '<
div class="basket-item-count" style="display: inline;
">
';
echo '<
span class="cart-items-count count">
';
echo WC()->
cart->
get_cart_contents_count();
echo '<
/span>
';
echo '<
/div>
';
echo '<
/a>
';
echo '<
ul class="dropdown-menu dropdown-menu-mini-cart">
';
echo '<
li>
<
div class="widget_shopping_cart_content">
';
woocommerce_mini_cart();
echo '<
/div>
<
/li>
<
/ul>
';
}add_shortcode( '[custom-techno-mini-cart]', 'custom_mini_cart' );
之后, 请在页面或自定义模板页面中的任何位置调用简码。
像这样,
<
?php echo do_shortcode(['custom-techno-mini-cart']);
?>
现在, 你可以按照此处提到的要求获取布局。
另外, 你可以在页面的任何位置添加此功能,
<
?php echo woocommerce_mini_cart();
?>
祝好运 !
#2你可以使用:
jQuery(document.body).trigger('wc_fragment_refresh');
在你点击添加到购物车功能。
如果使用ajax添加到购物车, 请按以下方式使用它:
success: function( response ) {
jQuery(document.body).trigger('wc_fragment_refresh');
}
【将产品添加到购物车后如何更新微型购物车】或在添加到购物车后的PHP脚本中:
WC()->
cart->
add_to_cart( $_POST['product_id'], $_POST['quantity'], $_POST['variation_id'], array(), array());
<
script>
jQuery(document.body).trigger('wc_fragment_refresh');
<
/script>
推荐阅读
- 如何使用更新查询更新WordPress中的表值()
- 神策数据(从技术视角看,如何更多更好更快地实施 A/B 试验)
- 云计算奇妙学习之旅第六期(各级别RAID详解)
- MDT2013报错--FAILURE(5616):15299:Verify BCDBootEx
- MPU(鸿蒙轻内核的任务栈的溢出检察官)
- VSCode 中,TS 提示 ”无法找到 *.vue声明文件“的解决方案
- Java接口隔离原则(接口里的方法,你都用得到吗())
- kubernetes搭建gitlab开启ssh
- 又到抢票季(12306 的架构到底是不是国内最牛逼的架构())