Модуль Многослойное Слайд-Шоу с анимацией для Opencart 3

Модуль Uni_layer_slider (многослойное слайд-шоу) для Opencart 3.0 - многофункциональный конструктор для создания слайдеров в Опенкарт 3, который позволяет создавать слайды из отдельных элементов (слоев): изображений, текста, кнопок — с различными эффектами и анимацией.

Возможности модуля “Многослойное Слайд-шоу”.

• Создавать многослойные слайды с различными эффектами: анимация, Parallax эффект, задержка время появления слоев и т.д.
• Редактировать расположение слоев в слайдах перетягиванием мышки.
• Создавать адаптивные слайды с фиксированной шириной, а так же на всю ширину экрана.
• Задавать свой шрифт, цвет размер текстов для каждого слоя в каждом слайде.
• Включать/отключать показ слайд-шоу для устройств с разным расширением экрана. (viewport <768px); (viewport >=768px и <992px); (viewport >=992px и <1200px); (viewport >=1200px). Можно создавать разные слайдеры для разных экранов.
• И многое другое.

Как создать многослойный слайд

1. Задайте в настройках слайда цвет общего фона слайда или загрузите фоновое изображение.

2. Создайте слои которые будет накладываться на общий фон.
Создавайте слои в той последовательности, в которой вы хотите что бы они накладывались друг на друга.
Можно создать неограниченное количество слоев.
В модуле есть три варианта создания слоя (текст, кнопка или изображение):

• Слой текст - вы можете задать свой текстовый слой с множеством настроек (размер текста, цвет текста, фон текста, скругление углов фона текста, отступы краев фона от текста и тд).
• Слой кнопка - Задать текст кнопки, ссылку, вариант оформления / стиль кнопки.
• Слой изображение - вы можете загрузить свое изображение. Рекомендуется загружать изображения в формате .PNG с прозрачным задним фоном. Убрать задний фон на фото можно в редакторах типа Фотошоп и др. Но даже если вы не владеете программой фотошоп, убрать задний фон на фото можно бесплатно и не имея навыков с помощью этого онлайн сервиса remove.bg, или этого clippingmagic.com. Просто загрузите ваше изображение и на выходе скачайте уже готовое изображение без фона, которое можно сразу загрузить в слайд.

3. Задайте общее время показа всего слайда в секундах.

4. Так же задайте для каждого созданного слоя время до начала показа слоя и время длительности показа слоя В милисекундах (1 секунда равна 1000 милисекунд ).

5. На панели предварительного просмотра слайда выровняйте расположение слоев просто перетаскивая их на нужное место курсором мышки и сохраните настройки слайда.

Так же в модуле есть множества вариантов анимации и эффектов которые можно задать как для всего слайда, так и для каждого слоя слайда. Что позволяет создавать потрясающие предложения для ваших клиентов.

Демо слайд-шоу

Демо версию слайдера можно посмотреть здесь

Установка модуля Uni layer slider

1. Загрузите файл Uni_layer_slider_oc3.ocmod.zip через установщик дополнений. (Важно! У вас должен быль предварительно установлен модуль Localcopy OCMOD)
2. Перейдите в раздел Система > Пользователи > Группы пользователей > Администраторы, установить все галочки в первых двух блоках и нажмите "Сохранить".
3. Перейдите в раздел Расширения > Модификации и обновите кэш модификаций.
4. Перейдите в раздел Расширения > Модули. Создайте новое слайд-шоу, установите статус "Включено" заполните строку "название модуля" и нажмите "Сохранить".
5. Зайдите в созданный модуль слайдера с вашим названием и создайте необходимые слайды.
6. Зайдите в раздел Дизайн > Макеты и добавьте созданное слайд шоу в макет Главной страницы, вместо стандартного слайдера  Опенкарт 3.
7. Обновите кэш тем и модификаций.