Як змінити кнопки "купити" - база знань еквіда

Еквід - це вбудоване рішення. Ви можете додати його на сайт, сторінку в блозі, в групу у ВКонтакте або на сторінку в Facebook за кілька хвилин. Щоб магазин був максимально схожим на сайт і не виглядав чужорідним організмом, ви можете змінити дизайн його вітрини - колір, розмір кнопок, колір тексту і багато-багато іншого. Зробити це можна за допомогою спеціальних CSS-правил (їх ще називають CSS-кодами), які вказують, як елемент потрібно відображати. Більш докладно про те, як підібрати і використовувати CSS-правила, написано в нашій статті: Як змінити дизайн в Еквіде. Готовий CSS-код потрібно додати в активну CSS-тему в панелі управління Еквіда: Налаштування> Дизайн.

Якщо ваш сайт розроблений на Wordpress, ви можете включити тему "Хамелеон" в панелі управління Wordpress. За допомогою цієї функції Еквід автоматично підлаштується під стилі і кольори сайту.

Кнопки "Купити" на сторінках зі списком товарів створені за допомогою CSS3. Це означає, що вони - не просто статичні картинки, а набір фільтрів, градієнтів, стилів і інших CSS-правил, які вказані прямо в коді. Їх можна змінювати. Це робить кнопки досить гнучкими у використанні - людина, яка не володіє навичками програмування, може змінити той чи інший елемент кнопок за допомогою спеціальних онлайн-генераторів CSS-кодів.

Наприклад, ви можете прибрати закруглені кути кнопок, змінити їх колір, розмір, колір шрифту - словом, все, що душа забажає.

Змінити колір кнопок "Купити"

Перефарбуємо кнопку "Купити" в помаранчевий колір. Для цього в активну CSS-тему в панелі управління Еквіда потрібно додати CSS-код:

Як змінити кнопки

Колір кнопки в CSS-коді (background: # ff9c33) узятий в якості прикладу. Ви можете змінювати його на ваш розсуд.

Зробити кнопки "Купити" квадратними

Змінити форму кнопок "Купити" можна за допомогою CSS-коду:

Як змінити кнопки

Змінити текст на кнопках "Купити"

Кнопки купити - це не зображення, а елементи магазину, які створені за допомогою CSS. Тому для зміни тексту на кнопках "Купити" потрібно використовувати загальний підхід для зміни текстових міток в Еквіде. Наприклад, ви можете спробувати наш додаток Storefront Label editor. З його допомогою ви можете змінити текст на цих кнопках прямо в панелі управління Еквіда - потрібно знайти потрібну текстову мітку і перейменувати її. Додаток безкоштовне і доступно на всіх наших платної.

Як змінити кнопки

У прикладі ми міняємо текст "Купити" на "Замовити". Ви ж можете змінювати його так, як буде найбільш актуально для вашого магазину.