Сокрытие формулировки корзины BigCommerce с помощью javascript или jquery?

Question

Сокрытие формулировки корзины BigCommerce с помощью javascript или jquery?

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>

Zipotontic 21 окт. 2013, в 15:34

Источник

Теги:

javascript

jquery

bigcommerce

2 ответа

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)');
}

thannes 21 май 2015, в 17:47

Ещё вопросы

Aaron Cicali · Accepted Answer · 2013-10-21T14-02-00.000Z

<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. Первое, что я сделал, это дать контейнеру идентификатор... "корзины". Затем javascript выбирает этот элемент по идентификатору и удаляет из него все нечисловые символы.

Ни за что! Грязный или нет, я не могу поверить, что это наконец работает! Я занимаюсь этим уже полторы недели ... большое спасибо! Если бы я мог, я бы купил тебе выпить! Очень ценю вашу помощь! :-D