0

我已经安装了一个徽章图标，我想显示购物车中的商品数量。

问题在于它是针对 BigCommerce 网站的，并且购物车计数的显示方式是“查看购物车”以及购物车中的商品数量。

有人告诉我可能有一种方法可以使用 javascript 或 jQuery 隐藏“查看购物车”部分，这样我就可以只显示数字了。我不知道我会怎么做，所以会很感激想法。

我附上了两张截图。首先是它当前的显示方式。第二个是我希望它如何显示。还在底部添加了我的代码。%%GLOBAL_CartItems%% 是生成购物车计数的 BigCommerce 全局变量，如第一个屏幕截图所示。

目前如何显示： 在此处输入图像描述

我希望它如何显示： 在此处输入图像描述

我的代码：

<li style="display:%%GLOBAL_HideCartOptions%%">
    <span><a href="%%GLOBAL_ShopPathNormal%%/cart.php" title="%%LNG_ViewCart%%"><i class="icon-large sprite-glyphicons_halflings_115_shopping-cart2x icon-2x" style="position: relative; top: 14px; right: 20px;"></i><span class="badge badge-info" style="position: relative; top: 18px; right: 13px;">%%GLOBAL_CartItems%%</span></a></span>
</li>
4

2 回答 2

1 
<li style="display:%%GLOBAL_HideCartOptions%%">
    <span><a href="%%GLOBAL_ShopPathNormal%%/cart.php" title="%%LNG_ViewCart%%"><i class="icon-large sprite-glyphicons_halflings_115_shopping-cart2x icon-2x" style="position: relative; top: 14px; right: 20px;"></i><span id='cart-items' class="badge badge-info" style="position: relative; top: 18px; right: 13px;">%%GLOBAL_CartItems%%</span></a></span>
</li>
<script type='text/javascript'>
var $cart_items = $('#cart-items');
$cart_items.text($cart_items.text().replace(/[^0-9]/g, ''));
</script>

这应该可行，但从理想主义者的角度来看，这是一个肮脏的黑客。这假设包含 jQuery。我做的第一件事是给容器一个 ID……“购物车项目”。然后，javascript 通过 ID 选择该元素并删除其中的所有非数字字符。

于 2013-10-21T15:32:53.857 回答
0

不幸的是，上面的脚本不适合(0)在购物车中没有商品时显示。

我遇到了同样的问题，BigCommerce 的%%GLOBAL_CartItems%%变量item在用户购物车中的商品数量之后添加。

下面的脚本items从 提供的购物车中的商品数量后删除%%GLOBAL_CartItems%%，如果在变量不返回任何内容时没有商品，则添加(0)。 

var num = $('#cartnumber').text().replace(/\D/g, '');
$('#cartnumber').text('( ' + num + ' )');

if ($('#cartnumber').text() == '(  )') {
    $('#cartnumber').text('(0)');
}

于 2015-05-21T20:33:10.283 回答