Дизайн
В этом разделе системных настроек имеются таблицы стилей CSS и LESS, которые отвечают за визуальное отображение определенных элементов сайта интернет-магазина, например, кнопки, текст, меню. Таблицы стилей CSS и LESS имеются для всех версий сайта интернет-магазина и отдельно для вертикальной и горизонтальной мобильной версии, планшетной версии, версии для ноутбуков и настольных компьютеров.
Имеющиеся таблицы стилей CSS и LESS можно менять, при необходимости можно добавить новый стиль к определенному элементу сайта интернет-магазина.
В редакторе стилей CSS/LESS можно выбрать нужную версию сайта интернет-магазина, а именно: «Для всех размеров устройств» 1, «Вертикальная мобильная версия» 2, «Горизонтальная мобильная версия» 3, «Планшетная версия» 4, «Версия для ноутбуков» 5, «Настольная версия» 6.
Выбрав нужную версию сайта интернет-магазина редактируйте стиль определенного класса либо элемента или добавьте собственный стиль в специальном поле 7.
Также стили CSS/LESS имеют определенный набор директив 8, рассмотрим наиболее важные из них. Директива «/***************************** BEGIN-CRITICAL *****************************/ CSS/LESS styles /****************************** END-CRITICAL ******************************/» позволяет отображать стили CSS/LESS непосредственно во время загрузки страницы сайта интернет-магазина. В этой директиве находяться стили, без которых страницы сайта интернет-магазина не будут отображаться правильным образом.
Директива «/*************************** BEGIN-NOT-CRITICAL ***************************/ CSS/LESS styles /**************************** END-NOT-CRITICAL ****************************/» отображает стили после 5 секунд, как страница сайта интернет-магазина была загружена либо после определенных действий клиентом, например клика, прокрутки страницы вниз или наведения на определенный элемент. В этой директиве находяться стили, которые не имеют критического значения для отображения страниц сайта интернет-магазина. Распределение стилей CSS/LESS по определенным директивам позволяет значительно ускорить загрузку страниц сайта интернет-магазина.
Закончив с редактированием таблицы стилей CSS и LESS для определенных версий сайта интернет-магазина нажмите на кнопку «СОХРАНИТЬ».
58 отзывов