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

голоса: 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$

| Автор:

Убрала. Посмотрите, что получается.
А мне нужна была кнопка...

Извините, если непонятно изъяснилась... Но я не в категории "Вопросы новичков" задаю вопрос. Мне нужно было, чтобы кнопка выглядела так, как она выглядела в первый раз: В КОРЗИНУ (на коричневом фоне). И меняла цвет при наведении курсора. Так понятно?

А теперь картинка корзины. Это не то, что мне было нужно.

Не знаю как переделать стиль (внешний вид) $2BASKET$ и превратить ее в $2BASKET_Q$ только без области введения числа.

Верните старый код назад, далее там же в виде материалов каталога, в самый низ добавьте стили:

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

Это должно скрыть данную ечейку, что вам мешает.

БЛАГОДАРЮ!!! Прекрасно! Теперь то, что нужно!

Так же, чтобы сменить цвет данной кнопки при наведении, замените те стили на эти:

<style>
input#qlast_add-$ID$-basket{display:none;}
input#blast_add-$ID$-basket:hover {background:red!important;}
</style>

Только red замените на нужный вам цвет, подобрать можете вот здесь - http://www.color-hex.com/

Подскажите, как сделать, чтобы области ввода количества у кнопки не было ВЕЗДЕ. Сейчас она присутствует на странице товара, в ранее просмотренных, популярных...

http://0123456789.do.am/shop/8/desc/akai-lta-32n680hcp

Хочу вообще убрать.

На странице товара в самый низ страницы добавьте:

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

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

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

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

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

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