Налаштування шаблону
Найкращий шлях — це дослідити налаштування, змінюючи частину з них, дивитися, які зміни відбуваються на сайті. Зробивши бекап завжди можна поекперементувати на повну.
Основні налаштування
Каталог теми — це більше функція для розробників, яка скопійована з дефолтного шаблону. Тут ви можете обрати інший каталог для шаблону. Тобто ви можете використовувати всі налаштування поточного шаблону, але кастомізувати html та css.
Зображення — це ціла група полів з розмірами для ресайзів зображень (зменьшених копій в різних частинах сайту). Тут можна змінювати розміри мініатюр, розміри зображень товарів. Все стандартно як для OpenCart. Відома також рекомендація задавати однакові розміри для наступних полів заради економії інодів на хостингу:
- Додаткові зображення товару (Ш x В)
- Розмір зображення товару в списку (Ш x В)
- Розмір зображення для порівняння (Ш x В)
- Розмір зображення у списку бажань (Ш x В)
- Розмір зображення в кошику (Ш x В)
Варто пам'ятати, що розміри мініатюрних зображень для списків товарів також вказуються в окремих модулях:
- Новинки
- Рекомендовані
- Акції
- Хіти продажів
Кольори
В цьому табі є 2 групи полів
Група "Глобальні кольори"
Виберіть колір із шаблонів — тут вам пропонується декілька готових кольорових схем. Коли ви натискаєете будь яку з них, автоматично заповнюються решта полів в групі полів "Глобальні кольори". Автоматично підбираються кілька відтінків для кожного з кольорів схеми. Основними кольорами схеми є:
- Первинний — часто це колір бренду
- Вторинний — додатковий колір, якій гармонює з основним. Це може бути слабший відтінок основного або інший колір, якій гармонює з основним
- Акцентний — колір кнопок CTA, має добре кидатися в очі та максимально контрастувати з первинним
- Текст — корлір тексту на сайті
Рекомендація:
Використовуйте цю саму кольорову схему і для банерів на сайті!
Група "Кольори окремих елементів"
Тут можна задати кольори для окремих елементів дизайну (кількість яких може додаватися в наступних версіях). Але основне, що тут важливо пам'ятати, що в більшості випадків ви маєте використовувати ті кольори, що визначені в групі "Глобальні кольори" або їх відтінки). Не варто кожному елементу задавати унікальний колір.
Контакти
В групі "Контактна інформація" ви можете вказати email та номери телефонів, які відображаються в різних частинах сайту (шапка, підвал)
В групі "Соціальні мережі" ви можете вказати адреси актуальних для вас ресурсів. Також ви можете підписати власний заголовок замість стандартного "Слідкуйте за нами онлайн:".
Шапка
Статус верхнього меню — тут ви можете ввімкнути додаткове інформаційне меню, яке показується вверху сторінки окремо від меню категорій. В мобільній версії воно додається в одне меню як окремий пункт з дочірніми підпунктами.
Статус мультимовного логотипу — потрібно лише для випадкі, якщо у вас на логотипі є написи, які відрязняються для кожної мови. Ввімкнувши цю опцію, ви можете завантажити різні файли логотипу для різних мов, або взагалі використати текстовий напис замість логотипу.
Підвал
Посилання в підвалі
В групі "Посилання в підвалі" ви можете обрати "Змінити стандартні посилання в підвалі". В такому разі відкриваються ще кілька додаткових полів, як:
- Години роботи
- Заголовок контактів у підвалі
- Адреса
- Заголовок інформаційних посилань + Інформаційні посилання
- Заголовок користувацьких посилань + Користувацькі посилання
Все очевидно й зрозуміло, лише варто оговорити синтаксис текстових полів з переліком посилань.
- URL : Анкорний текст
- Приклад
/index.php?route=information/information&information_id=6 : Delivery Information
Іконки оплати
Ви можете ввімкнути потрібні вам іконки оплати (це є частою вимогою платіжних систем)
Сторінка товару
У версії шаблону Nice Pro 1.0.x тут є лише одне налаштування "Довжина автоматичного короткого опису". Цей короткий опис відображається на вітрині на сторінці товару в табі "Загальна інформація".
Увага! Щоб короткий опис додавався в цей таб, має бути встановлений додатковий модифікатор "Nice Theme + Shortdescription" з /install-files/3-extensions-used/shortdescription_fixed_4nice.ocmod.zip
Список товарів
Товарів на сторінці — це кількість товарів на сторінці категорій
Довжина опису в списку — кількість символів в опису в списках товарів (на будь яких сторінках, де є перелік товарів: категорія, виробник, акцій, пошук тощо)
Відступи навколо зображення товару — може бути "Без відступів" (тоді фото займає всю ширину одного товару в списку товарів і помітно в основному лише на звичайних фотографіях без прозорого фону) або "З відступами" (рекомендується, якщо зображення на білому або прозорому фоні та без власних відступів)
Опис у списку товарів — можно вимкнути, і тоді буде відображатися лише назва товару.
Товщина шрифту назви (тільки для десктопу) — може бути Звичайний або Жирний. Налаштування актуальне лише для десктопної версії.
Ефект наведення на товар (тільки для десктопу) — якщо ввімкнути, то кнопка "Купити" не буде в полі зору аж до тих пір, поки користувач не наведе мишою на конретний товар. Налаштування актуальне тільки для декстопу.
Кількість колонок у списку товарів на мобільному — налаштування акутальне лише для мобільної версії. В більшості випадків краще обирати "2 колонки".
Користувацький CSS
Тут ви можете додати власні правила CSS. Вони будуть додані в кінець CSS-файлу шаблона.
Інфо
Вкладинка з інформацією про шаблон
Дивіться також документацію з налаштування модулів, які йдут в комплекті з шаблоном — https://help.sergetkach.com/article/5