Торговаться

Торговаться для Shop-Script

Гарантия лучшей цены

20 оценок

Ваш отзыв
Установок
400+
Разработчик
Поддержка

Размещение кнопки "Торговаться"

Для размещения кнопки "Торговаться" в произвольном месте существует хелпер вывода:

Хелпер вывода в карточке товара: {shopHagglePlugin::display($product)}
Хелпер вывода в списке товаров на странице категории: {shopHagglePlugin::display($p)}

Хелпер генерирует код кнопки следующего вида:

<button class="button haggle-button" data-product-id="[Число - Идентификатор товара]">Торговаться</button>

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

Изменение внешнего вида кнопки "Торговаться"

Для того, чтобы поменять вид кнопки, необходимо прописать стили в шаблоне .css Вашей темы дизайна (Магазин-Витрина-Шаблоны-название.css). В конец шаблона (для удобства) добавляем код со стилями:

/*торговаться*/
.button.haggle-button {
background-color: #0AFF4B; /*цвет кнопки, номер цвета выбрать можно здесь*/
padding: 10px; /*поля кнопки - расстояние между надписью "торговаться" и краем кнопки - помогает регулировать размер*/
border-radius: 20px; /*закругление углов*/
color: #FF0ABE;/*цвет текста кнопки, номер цвета выбрать можно здесь*/
}

Также можно использовать другие css-стили: box-shadow (тень), border-color (цвет границы), font-size (размер шрифта) и прочие.
Если какой-то из стилей не нужен, например, закругление углов кнопки, строчку с лишним стилем можно просто удалить.

Дополнительно

Для вызова всплывающего окна "Торговаться" вместо тега кнопки button, плагин может использовать любой другой тег. У используемого тега должно быть прописано два атрибута class="haggle-button" и data-product-id="[Число - Идентификатор товара]"

Например, для вывода кнопки торговаться можно использовать тег ссылки a:

<a href="#" class="haggle-button" data-product-id="[Число - Идентификатор товара]">Торговаться</a>

Таким образом в качестве кнопки может использоваться любой элемент, который может быть стилизован с помощью CSS и иметь любой размер, цвет и любое другое визуальное оформление.