Сообщений в теме: 4

[Евген Аватарович]

Прошу не "пинать меня ногами" если, кому то, вопрос покажется смешным и легким!

Лучше подскажите на примере!

 

Сейчас есть кнопка добавления товара в корзину, при клике по которой происходит, собственно, добавление товара в корзину и появляется дополнительная кнопка для отмены действия (удаления из корзины)...

 

Хотелось бы получить вот такой результат:

 

К примеру, на странице с "тизерами" товаров - все кнопки "добавить в корзину" красного цвета, а при клике (добавлении товара в корзину) кнопка должна остаться одной (кнопка отмены не должна появиться) ( в приципе могу найти и удалить в файле шаблона расширенной цены _buttons.php ) НО кнопка "добавить в корзину" ДОЛЖНА ПОМЕНЯТЬ СВОЙ ЦВЕТ НА ПРОТИВОПОЛОЖНЫЙ, к примеру, зеленый, чтобы покупатель мог легко, визуально, идентифицировать товар добавленный в корзину, а надпись измениться на, примерно такую, "Добавлено" !

Понимаю, что необходимо подкорректировать или добавить стиль в файл jbzoo.css, но не хватает знаний...

 

Прошу помочь мне в данном вопросе, буду Всем очень признателен!

Сообщение отредактировал Евген: 17 October 2013 - 07:22

[Cheren-dow]

Добрый день это можно сделать . При добавлении товара в корзину добавляется класс in-cart.

Посмотрите эту тему, тут немного другая задача но смысл тот же.

Сообщение отредактировал Cheren-dow: 17 October 2013 - 07:29

[Евген Аватарович]

Спасибо за быстрый ответ - изучу вопрос. Тему прошу пока не закрывать, если добьюсь положительного результата, то обязательно отпишусь.

 

Если кто то делал подобное для себя, то прошу поделиться "готовым рецептом"...

[Cheren-dow]

.jsJBPriceAdvance .jbzoo-button{
   color: red; /* красный цвет текста в кнопке пока не нажали*/
}
.jsJBPriceAdvance.in-cart .jsAddToCartModal {
   display: none ; /*Скрываем кнопку добавить если товар добавлен*/
}
.jsJBPriceAdvance.in-cart .jbzoo-button {
   color: green ; /*зеленый цвет текста если товар добавлен*/
}

Примерно так поиграйтесь со стилями

Сообщение отредактировал Cheren-dow: 17 October 2013 - 07:34

[Евген Аватарович]

Спасибо, еще раз за подсказку и наводку на нужную тему и умную мысль!

Получилось добавлением в файл стилей jbzoo.css вот таких строк:

.in-cart .jsRemoveFromCart {
display: none; /* отключение кнопки удалить из корзины */
}

.in-cart .jsAddToCart {
background: #ff0000 !important; /* изменение цвета фона кнопки, добавленного в корзину, товара на красный */
}

В итоге, после добавления товара в корзину, дополнительная кнопка "удалить" из корзины не появляется, кнопка "в корзину" остается, если покупатель решит, вдруг, добавить этот товар еще раз в корзину и цвет кнопки добавленного товара меняется с зеленого на красный (на противоположный). В итоге покупателю легко съориентироваться, в тизерах, что же он добавил в корзину!

Сообщение отредактировал Евген: 17 October 2013 - 09:06