Выбранный товар выделить цветом

Вот модуль корзины!!!
Может подскажите, а то не могу догнать! что и куда
Это просто совсем другие движки
 

Вложения

  • cart.zip
    813 байт · Просмотры: 1
Это не совсем то, что нужно.
У вас есть функция addQtyToCart, можете ее использовать.
В последнем коде который я скидывал, надо заменить на:
HTML:
    if (count > 0)
    {
        $("#product-id-" + id).addClass('selected');
        addQtyToCart(id);
    }

Но это будет только добавлять в корзину, удалять оно не будет.
Надо смотреть как реализованна функция addToCart(product_id, qty), а так же как у вас удалять из корзины.

В общем это на долго :)
 
  • Нравится
Реакции: ihos
Это не совсем то, что нужно.
У вас есть функция addQtyToCart, можете ее использовать.
В последнем коде который я скидывал, надо заменить на:
HTML:
    if (count > 0)
    {
        $("#product-id-" + id).addClass('selected');
        addQtyToCart(id);
    }

Но это будет только добавлять в корзину, удалять оно не будет.
Надо смотреть как реализованна функция addToCart(product_id, qty), а так же как у вас удалять из корзины.

В общем это на долго :)
Нет не идет, Вообще выделение пропало, ну и ладно, без него пока обойдемся))

Смотри при обновлении страницы выделение исчезает!
А можна задать команду что пока этот товар в корзине чтобы он был выделен
 
Последнее редактирование модератором:
Смотри при обновлении страницы выделение исчезает!
А можна задать команду что пока этот товар в корзине чтобы он был выделен
Оно и будет исчезать, там событие onBlur. Чтобы при обновлении страницы оно оставалось, надо логику менять.
Что-то вроде:
Код:
$("[data-input-price]").each(function (item) {
  if ($this.val() > 0)
  .. // выделяем цветом
});
 
Код:
<script type="text/javascript">
$('[data-update-count]').on('blur', function (){
    var count = $(this).val();
    var id = $(this).data('product-id');
    console.log(id);
    if (count > 0)
        $("#product-id-" + id).addClass('selected');
       
    else

        $("#product-id-" + id).removeClass('selected');
       
});
</script>

<script type="text/javascript">
$("[data-input-price]").each(function (item) {
  var count = $(this).val();
    var id = $(this).data('product-id');
    console.log(id);
  if ($this.val() > 0)
  $("#product-id-" + id).addClass('selected');
       
    else

        $("#product-id-" + id).removeClass('selected');
});
</script>


Что-то не то сделал?
 
data-input-price замени на
data-update-count
 
data-input-price замени на
data-update-count
вот предыдущий скрипт заменил на такой
Код:
<script type="text/javascript">
$("[data-update-count]").each(function (item) {
  var count = $(this).val();
    var id = $(this).data('product-id');
    console.log(id);
  if ($this.val() > 0)
  $("#product-id-" + id).addClass('selected');
     
    else

        $("#product-id-" + id).removeClass('selected');
});
</script>
Что я не так сделал? Первый скрипт удалил пропало выделение
 
Тот код удалять не надо было.

Этот код(что выше) должен выделять при обновлении страницы, а тот код будет выделять как и раньше.
 
Нехочет почему то:(
Посмотрите пожалуйста, ну что не так делаю. Скрипті в конце файла
 

Вложения

  • 1category.zip
    2,8 KB · Просмотры: 1
Код:
$("[data-update-count]").each(function (item) {
  var count = $(this).val();
    var id = $(this).data('product-id');
  if ($(this).val() > 0)
  $("#product-id-" + id).addClass('selected');
     
    else

        $("#product-id-" + id).removeClass('selected');
});

Вот, там скобочки пропущенны были.
Теперь Для просмотра ссылки Войди или Зарегистрируйся работает
 
Назад
Сверху