Слайдшоу +

Модуль "Octemplates - Слайдшоу +" дозволяє вивести слайдшоу на головній сторінці або в будь-якому іншому необхідному місці вашого інтернет-магазину. Разом з блоком слайдшоу ви можете вивести промо-блок з акційними товарами, справа або зліва від блоку слайдшоу. У слайдшоу можна додавати банери як з текстовою інформацією, так і завантажувати зображення на всю ширину слайда.

Щоб створити слайдшоу, перейдіть по шляху "Octemplates" - "Банери" - "Слайдшоу +" і натисніть кнопку "Додати" у правому верхньому куті в налаштуваннях модуля, як це показано на ілюстрації нижче.

Після цього ви потрапите на сторінку "Додати слайд". Тут Вам будуть доступні такі налаштування:

  1. "Статус" - дозволяє вмикати/відключати модуль;
  2. "Назва слайду" - обов'язково для заповнення, введіть потрібну назву майбутнього слайдшоу;
  3. "Зображення як фон​" - дозволяє завантажити фонові зображення для десктопних та мобільних пристроїв, які будуть розтягуватися на всю ширину та висоту слайда. У випадку, якщо налаштування увімкнено, поля для заповнення текстової інформації та кнопки стануть недоступними та не будуть виводитися в слайдшоу;
  4. "Показувати блок «Товари дня»​​" - дозволяє включити\вимкнути виведення промо-блоку з акційними товарами;
  5. "Показувати таймер​" - дозволяє включити\вимкнути виведення таймера у промо-блоці з акційними товарами;
  6. "Позиція блоку «Товари дня»​​" - дозволяє вибрати позицію для промо-блоку з акційними товарами (праворуч або ліворуч від блоку слайдшоу).

Нижче є дві вкладки. У вкладці "Слайди" ви можете додати потрібну кількість слайдів для модуля "Слайдшоу +". Щоб додати слайд, натисніть кнопку "Додати". Тут Вам будуть доступні такі налаштування:

  1. "Заголовок" - дозволяє задати заголовок для слайда;
  2. "Текст кнопки" - дозволяє ввести довільний текст кнопки ("Докладніше", "Перейти" тощо);
  3. "Опис" - дозволяє ввести невеликий промо-текст для слайда;
  4. "Посилання- дозволяє ввести посилання кнопки слайда;
  5. "Зображення" - дозволяє додати зображення до слайда. Якщо увімкнено налаштування "Зображення як фон", рекомендований розмір зображення: ширина 1170 пікс, висота 540 пікселів;
  6. "Зображення для мобільних" - дозволяє додати фонове зображення для мобільних пристроїв (якщо увімкнене налаштування "Зображення як фон"). Рекомендований розмір зображення: ширина 380 пікс, висота 640 пікселів​;
  7. "Порядок сортування- дозволяє відсортувати слайди в потрібному порядку;
  8. "Фон блоку" - дозволяє встановити фон блоку слайда;
  9. "Колір тексту заголовку​" - дозволяє встановити колір для тексту заголовка слайда;
  10. "Колір тексту опису​" - дозволяє встановити колір для промо-тексту опису слайда;
  11. "Колір тексту кнопки​" - дозволяє встановити колір для тексту кнопки слайда;
  12. "Фон кнопки" - дозволяє встановити колір фону кнопки слайда;
  13. "Колір тексту кнопки при наведенні​" - дозволяє встановити колір для тексту кнопки слайда при наведенні;
  14. "Фон кнопки при наведенні​" - дозволяє встановити колір фону кнопки слайда при наведенні.

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

Для налаштування самого модуля "Octemplates - Слайдшоу +" перейдіть в розділ "Модулі / Розширення" -> "Модулі / Розширення" і натисніть кнопку "Редагувати" навпроти назви модуля.

У вікні, що відкриється, вам будуть доступні наступні налаштування:

  1. "Статус" - дозволяє включити\вимкнути показ модуля;
  2. "Назва модуля" - дозволяє ввести системну назву модуля;
  3. "Слайд-шоу" - дозволяє вибрати заздалегідь заготовлений блок слайдшоу, створений згідно з інструкціями вище;
  4. "Ширина зображення Слайдера​" - дозволяє встановити ширину зображення слайда;
  5. "Висота зображення Слайдера​" - дозволяє встановити висоту зображення слайда;
  6. "Ширина зображення товару зі знижкою​" - дозволяє встановити ширину зображення акційного товару;
  7. "Висота зображення товару зі знижкою​" - дозволяє задати висоту зображення акційного товару;
  8. "Показувати пагінацію​" - дозволяє увімкнути\вимкнути відображення пагінації в блоці слайдшоу;
  9. "Preload зображень- дозволяє увімкнути\вимкнути попереднє завантаження зображень слайдшоу.

Після цього перейдіть на сторінку "Дизайн" -> "Макети" та у потрібному місці увімкніть відображення модуля "Octemplates - Слайдшоу +".​