Поговорим о поле 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/
и еще много других.
Для тех кто не знает что такое стили, рекомендуем загуглить "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/
и еще много других.
Комментарии
Отправить комментарий