К основному контенту

Опции Style

Поговорим о поле Style в настройках магазина на вкладке дополнительно в разделе опции. В данном поле можно писать свои стили и менять внешний вид сайта.

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

Вот так выглядит консоль. Для поиска нужного нам элемента , нажмите на стрелочку в верхнем левом углу.
После этого, у нас активируется режим поиска и при на ведении курсора на любой элемент, он будет подсвечиваться, а при клике будут отображаться его стили. Вот пример, как выглядит строка у которой срок поставки 1 день.
Получается, всем позициям которые "на складе" применяется class="in_stock" вот его мы можем использовать, чтобы изменить стиль отображения.

В поле style прописываем такой код:
.in_stock{
    background: #00800012;
}

Этот код говорит, сделать background(фон) в цвет #00800012(светло-зеленый) для всех элементов на сайте, у которых class = in_stock

Давайте немного ограничим применение этого стиля так:
 tr.in_stock{
    background: #00800012;
}

Только для tr элементов с классом  in_stock.

Мы думаем, что на этом пример понятно как можно самостоятельно менять внешний вид сайта.

Вот несколько примеров сайтов, у которых внешний вид изменился при помощи этого поля
https://v-8.com.ua/
https://bolide.com.ua/
https://detroit.com.ua/
https://autodok.in.ua/
https://importparts.pro/
https://4bro.pro/
и еще много других.


Комментарии