Основні налаштування

Тут зібрано загальні налаштування вітрини: шрифт, ширина сайту, світла й темна тема, кольори, маски телефонів і оптимізація швидкості.

Відкрийте Octemplates → Trust OCTemplates - налаштування шаблону у лівому меню адмінки (або Доповнення → Доповнення → Шаблони → Trust OCTemplates → Редагувати). Потрібна вкладка — «Налаштування» → «Основні». Усередині ще три вкладки: «Налаштування», «Оптимізація» і «Налаштування кольорів».

Вигляд вітрини

Налаштування	Що робить
Статус	Вмикає шаблон. Вимкнений шаблон не працює на вітрині.
Шрифт	Шрифт для всього сайту, 10 варіантів: Onest + Geologica, Golos Text, Manrope, Montserrat, Rubik, Nunito Sans, Commissioner, Inter, Exo 2, Geologica. Завантажується лише обраний.
Ширина контейнера	Максимальна ширина вмісту на екранах від 1400px: 1320, 1680 або повна ширина.
Радіус заокруглень	Наскільки заокруглені кути кнопок, карток і полів: 0, малий, середній, великий.
Стиль карток	Як виділяються картки товарів і блоки: тінь, рамка або без рамки.
Світла підставка під фото товарів	Фото товарів стоять на м'якій світлій підставці, білий фон фото зливається з нею. Вимкнено — фото без фону на всю ширину блоку.
Затемнювати сторінку під час завантаження	Під час додавання в кошик, закладки, порівняння і відкриття попапів сторінка затемнюється й показується лоадер. Вимкнено — лише лоадер.
Панель кастомізації для відвідувачів	Кнопка «Налаштування» на вітрині, де відвідувач може змінити шапку, підвал, шрифт, кольори, тему, ширину, радіус і стиль карток. Вибір зберігається лише в його браузері. Зручно для демо-сайту — на робочому магазині вимкніть.

Світла і темна тема

Налаштування	Що робить
Включити темну тему?	Показує в шапці кнопку перемикання світлої і темної теми. Вибір відвідувача запам'ятовується між сторінками.
Тема за замовчуванням	Тема, яку бачить новий відвідувач: світла, темна або «Автоматично» — відповідно до налаштувань його пристрою.

Кнопки й поведінка

Налаштування	Що робить
Ввімкнути Open Graph розмітку?	Додає теги og:title, og:description, og:image — гарні превʼю посилань у Facebook, Telegram, Viber.
Затемнювати товари не в наявності	Картки товарів із нульовим залишком показуються приглушеними.
Показувати «Порівняння» і «Список бажань»	Показують або ховають ці функції на вітрині.
Popup-опції при додаванні в кошик	Якщо в товару є обов'язкові опції, покупець обирає їх у спливаючому вікні, не переходячи на сторінку товару.
Інтерактивність кнопок	Після додавання в кошик, закладки чи порівняння кнопка змінює вигляд — покупець бачить, що дію виконано.
Збільшувати кількість кратно мінімальній	Якщо в товару задано мінімальну кількість (наприклад, 6), кнопки «+» і «−» змінюють кількість на 6. Працює на сторінці товару, у попап-кошику, швидкому перегляді та на оформленні замовлення.

Маски телефонів

Маска підказує покупцю формат номера і не дає ввести зайві символи у формах шаблону.

1. Додайте маску

   У блоці «Маски телефонів за країнами» натисніть «Додати приклад для України» — або додайте рядок вручну.

2. Заповніть поля

   • Код країни (ISO 2) — дві літери: ua, pl, us.
   • Маска телефону — 9 означає цифру, решта символів — оформлення. Наприклад: +38 (099) 999-99-99.
   • Regex валідації — необов'язково, для додаткової перевірки номера.

3. Оберіть країну за замовчуванням

   Позначте її в колонці «За замовчуванням» і збережіть.

   

Разом купують

Блок «Разом купують» на сторінці товару показує товари, які найчастіше купують разом із ним. Зв'язки між товарами розраховуються за замовленнями раз на добу.

1. Увімкніть і задайте пароль

   Увімкніть «Разом купують», придумайте пароль у полі «Введіть CRON пароль» і збережіть налаштування.

2. Додайте CRON-завдання

   Після збереження з'явиться поле «Ваше посилання для CRON завдання» з готовою командою. Скопіюйте її і додайте на хостингу як CRON-завдання з виконанням раз на добу. Команда має такий вигляд:

   /usr/bin/wget -O - -q -t 1 'https://ваш-сайт/index.php?route=octemplates/events/helper/octMassGenerateBoughtTogether&cron_pass=ПАРОЛЬ'

3. Перший запуск

   Щоб не чекати доби, натисніть «Згенерувати зв’язки» — зв'язки розрахуються одразу.

   

Оформлення адмінки

Вигляд сторінок модулів OCTemplates в адмінці. Діє для всіх магазинів.

• Кольори модулів — Trust (фірмовий бірюзовий) або «Класичний» (синій OpenCart).
• Тема адмінки — світла, темна або «Авто» за системною темою.

Оптимізація

Вкладка «Оптимізація» впливає на швидкість завантаження сторінок. Після змін натисніть «Очистити кеш шаблону» вгорі сторінки.

Налаштування	Що робить
Ввімкнути оптимізацію CSS & JS	Об'єднує і стискає стилі та скрипти теми — менше запитів і швидше завантаження.
Увімкнути WebP	Зображення віддаються у форматі WebP браузерам, які його підтримують. Потрібна підтримка WebP у PHP GD на сервері.
Перенесення скриптів у підвал	Скрипти підключаються в кінці сторінки й не блокують її відображення.
Preload для зображень	Браузер завантажує головні зображення (логотип, фото товару, обкладинку статті) першими — це покращує показник LCP у PageSpeed.

Кольори

Кольорова схема

На вкладці «Налаштування кольорів» оберіть готову палітру сайту. Кожна схема задає основний колір, акцент, фони, текст і колір підвалу. Схем 15: Trust, Нейтральний, Темний, Синій tech, Зелений еко, Теплий, Чорно-золотий, Fashion, Пастельний, Океан, Бордо, Сонячний, Спорт, М'ята, Індиго.

Схеми з позначкою «Завжди темна» («Темний», «Чорно-золотий») роблять сайт темним незалежно від налаштувань теми.

Власні кольори

Якщо готова схема майже підходить, увімкніть «Змінити кольори схеми» і задайте лише ті кольори, які треба змінити. Порожнє поле — колір береться зі схеми (його видно праворуч).

• Основний колір
• Акцентний колір
• Фон сторінки
• Фон карток і шапки
• Текст
• Фон футера
• Ціна зі знижкою

Кольори задаються окремо для світлої і темної теми. Відтінки для наведення, фонів кнопок і текст на кнопках підбираються автоматично.