Дизайн

В цьому розділі системних налаштувань містяться таблиці стилів 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 для певних версій сайту інтернет-магазину натисніть на кнопку «ЗБЕРЕГТИ».