Налаштування оформлення інтернет-магазину

Редагування теми інтернет-магазину

Сторінка дозволяє редагувати вид різних типових сторінок інтернет-магазину. Перед внесенням змін рекомендується зберегти використовувану тему, щоб мати можливість відновити її в тому випадку, якщо були отримані невдалі приклади редагування теми.

Зверху сторінки розташований її заголовок (Позиція 2, Рис. №7), а зліва від нього знаходиться кнопка у вигляді стрілки (Положення 1, Рис. №7), натискання якої призведе до повернення на попередню сторінку бек-офісу.

Сторінка редагування теми дозволяє здійснювати наступні дії:

змінювати шаблони (Позиція 3, Рис. №7);
Додайте новий шаблон (Позиція 4, Рис. №7);
редагувати сніппети (Позиція 5, Рис. №7);
додавати сніппети (Позиція 6, Рис. №7);
створювати нові сніппети (Позиція 7, Рис. №7);
змінювати стилі і скрипти теми (Позиція 8, Рис. №7);
додавати створені раніше скрипти і стилі (Позиція 9, Рис. №7);
створювати стилі і скрипти (Позиція 10, Рис. №7);
редагувати файли теми (Позиція 11, Рис. №7);
додавати файли в тему (Позиція 12, Рис. №7);
вносити зміни в налаштування теми (Позиція 13, Рис. №7).

зміна шаблону

Шаблони являють собою HTML-код зі вставками коду мови Liquid. Щоб мати можливість редагувати шаблон, необхідно мати достатні знання в областях HTML-верстки та програмування на Liquid.

Використання шаблону дозволяє визначити вид наступних складових сторінок:

компоновку основних секцій сторінок;
колір і фон різних її елементів;
шрифт і розміри назв, підзаголовків, абзаців та інших текстових блоків і елементів;
інші параметри видимих елементів сторінок.

Крім вищеописаних можливостей в шаблоні може бути використана логіка відображення даних, що передаються шаблоном. Так, в залежності від вмісту елементів вони можуть по-різному відображатися на сторінці.

створення фрагментів

Використання фрагментів дозволяє заощадити час веб-адміністратору інтернет-магазину завдяки можливості використання в коді сторінок заздалегідь підготовлених і часто використовуваних фрагментів тексту вставкою однієї фрази.

Редагування стилів і скриптів

Також, будь-який з скриптових і стильових файлів можна перейменувати або видалити. Відповідні піктограми знаходяться в заголовку основного блоку (Позиція 14, Рис. №7) під час відкриття будь-якого з файлів.

Завантаження файлів

Панель "Файли" дозволяє завантажувати нові файли і використовувати їх в шаблонах. Всі завантажені файли, що мають розширення .js або .css, будуть автоматично відображатися в секції "Стилі і скрипти". Інші файли будуть видні в панелі "Файли", в своїй більшості вони представлені файлами зображень.

Щоб мати можливість видалити файл або змінити його назву спочатку необхідно натиснути на нього. Після цього він відобразиться в головній панелі (Позиція 14, Рис. №7), а праворуч від його назви в заголовку панелі з'являться відповідні функціональні піктограми.

Щоб замінити існуючий файл на новий його спочатку потрібно видалити, а потім завантажити новий файл з такою ж назвою і розширенням. Слід мати на увазі, що імена файлів чутливі до регістру, тобто файли "Image.gif" і "image.gif" система сприйме як різні.

Для того щоб створити фонові градієнти або інші кольорові об'єкти для їх зображення на будь-який з сторінок інтернет-магазину, слід скористатися можливостями формату SVG. Знайти завантажені SVG-файли можна буде в секції всіх файлів теми. У тексті сторінок посилання на такі файли потрібно оформляти у вигляді "шлях_до_файлу / імя_файла.SVG.PNG". Це пояснюється тим, що після завантаження файлів SVG-формату вони перетворюються в PNG-формат.

Для завантаження файлів, використання яких в шаблонах не планується, слід скористатися сторінкою "Файли".