Изменить стиль кнопки "в корзину"

голоса: 0

Можно ли в $2BASKET_Q$ убрать область введения числа совсем? Нужно, чтобы осталась только кнопка В КОРЗИНУ. И при наведении курсора меняла цвет, как сейчас.

Или можно как-нибудь по-другому? У меня не получилось изменить стили ни в $2BASKET$, ни в $2BASKET_Q$ тоже. И не смогла найти, как это сделать.

Подскажите: где, что и как сделать, если это возможно.

Адрес сайта http://0123456789.do.am/shop
| Автор: | Категория: Интернет-магазин
Изменение категории | | Автор: Yuri_Geruk

Ответов: 2

Голоса: +1
 
Лучший ответ

Вместо данной кнопки можно использовать любой элемент (div, p, span, a.....), задав ему нужные стили. Главное, повесить на него событие onckick и установить id. 

Вот так выглядит стандартный код кнопки:

<input type="button" id="bid-53446-basket" onclick="add2Basket('53446','id');" value="В корзину">

Для вставки в редакторе он может выглядеть так: 

<input type="button" id="bid-$ID$-basket" class="yourclass" onclick="add2Basket('$ID$','id');" value="В корзину">

или так: 

<span id="bid-$ID$-basket" class="yourclass" onclick="add2Basket('$ID$','id');">Добавить!</span>

или как вы пожелаете.

Я привел код кнопки со страницы товара. Для других кнопок код можно посмотреть кликнув по кнопке правой клавишей мышки и выбрав "Просмотр кода элемента" (в хроме) или "Инспектировать элемент" в ФФ.

| Автор:

Огромное спасибо! Все работает прекрасно! И отображается так как нужно ВЕЗДЕ.
И только небольшое условие: в настройках модуля Использовать визуальный эффект при добавлении товара в корзину нужно установить без анимации. Иначе идет некорректное отображение добавления товара (видимые эффекты). У меня был парящий эффект и были некоторые ..."неточности". Я переключила - и все стало выглядеть тоже отлично!

для правильной работы анимации нужно выставить правильные ID кнопкам и фото. Посмотреть пример можно в кодах, которые выводят стандартные $2BASKET_Q$ или $2BASKET$
Голоса: +1

Чтобы убрать область с вводом количества добавляемого товара, перейдите в Панель управления - Управление дизайном - Интернет магазин - Вид товара в каталоге, далее найдите код:

$2BASKET_Q$ замените на $2BASKET$

| Автор:
У Просмотренных ранее и Популярных не сработало...

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

На странице http://0123456789.do.am/shop/all убрать можно, перейдите в страницу шаблон Каталог товаров и в самый низ добавьте:

<style>
input#qall-$ID$-basket{display:none;}
</style>

А измениь стиль $2BASKET$ не получится? Сделать, чтобы она выглядела в виде ТАКОЙ кнопки? У меня недостаточно знаний для этого, поэтому спрашиваю.
Увы, с данной кнопкой не так просто везде все отредактировать в несколько правок, рекомендовал бы обратиться на - http://upartner.pro/
Хорошо, спасибо.
...