Помощь Как выделить выбраный товар opencart

Добавляем красную рамку:
В файл стилей или в этот же файл (catalog\view\theme\default\template\product\category.tpl)
Добавляем стиль рамки
Код:
<style type="text/css">
.redLine {border:1px #F00 solid;}
</style>
В самом верху файла (можно под нашим предыдущим скриптом) вставляем
Код:
<script>
$(function () {
$('.quantity').change(function () {
if ($(this).val()>0) {$(this).parents('.item-border').addClass('redLine');}
else {$(this).parents('.item-border').removeClass('redLine');}
});
})
</script>
Ищем после строки
Код:
<div class="product-list">
    <?php foreach ($products as $product) { ?>
Строку
Код:
<div>
и меняем ее на
Код:
<div class="item-border">
Вот вроде бы и все =) Красоту потом можно навести стилями
 
Ах да - если не надо чтобы количество сбрасывалось до 0 после нажатия "Купить" - надо удалить эту строчку из скрипта(после строки if(!qty || qty==0){qty=1;} )
input.val(0);
 
Спасибо за предложенное решение.
А это только к дефолтному шаблону применимо?
 
Я делал на дефолтном. Но должно работать и на других (если модуль корзины используется штатный или аналогичный). Только заменяемые строки и классы могут немного отличаться.
 
Добавляем красную рамку:
В файл стилей или в этот же файл (catalog\view\theme\default\template\product\category.tpl)
Добавляем стиль рамки
Код:
<style type="text/css">
.redLine {border:1px #F00 solid;}
</style>
В самом верху файла (можно под нашим предыдущим скриптом) вставляем
Код:
<script>
$(function () {
$('.quantity').change(function () {
if ($(this).val()>0) {$(this).parents('.item-border').addClass('redLine');}
else {$(this).parents('.item-border').removeClass('redLine');}
});
})
</script>
Ищем после строки
Код:
<div class="product-list">
    <?php foreach ($products as $product) { ?>
Строку
Код:
<div>
и меняем ее на
Код:
<div class="item-border">
Вот вроде бы и все =) Красоту потом можно навести стилями
А как сделать чтобы при нажатии кнопки КУПИТЬ товару добавлялась рамка, и после обновления страницы она не пропадала
 
Назад
Сверху