Magento 2. Как работать с «TM Film Slider»

Из этого туториала Вы узнаете, как работать с «TM Film Slider» в Magento 2.

Модуль TemplateMonster FilmSlider – это воплощение элегантного и профессионального jQuery плагина ‘Slider Pro’. Он позволяет добавить слайдер с несколькими слоями на домашнюю страницу вашего магазина. Богатая коллекция настроек слайдера и удобный пользовательский интерфейс помогут Вам быстро и просто настроить слайдер.

1. Откройте админ панель сайта и перейдите на вкладку TemplateMonster > Слайдеры > Слайдер > Редактировать (TemplateMonster > Sliders > Slider > Edit) (название блока слайдера может отличаться).

   

2. Вы можете найти все доступные настройки слайдера в разделе Общие настройки (General Options):

   

   Для того чтобы открыть каждый раздел, нажмите на стрелку вниз. Вы можете найти более детальное описание каждого свойства в официальных инструкциях к Slider Pro.

3. Вы можете изменить слайды и добавить новые слайды в разделе Изображения слайдера (Slider Items):

   

4. Для того чтобы изменить слайд, нажмите на кнопку Редактировать (Edit) для нужного изображения и измените следующее:

   1. Раздел Информация о слайде (Slide Information) позволяет переименовать слайд и включить/отключить его.

   2. Раздел Изображения слайда (Slide Images) позволяет проверить расположение существующего изображения и загрузить новое, нажав на кнопку Вставить изображение (Insert Image), а также задать Ширину и Высоту предварительного просмотра, если необходимо.

   3. Список слоев (Layers list) позволяют добавить слои на ваш слайд. Вы можете добавить слои изображений и текстовые слои. Используйте соответствующие кнопки, для того чтобы добавить слои.

      Нажав на Добавить изображение слоя (Add layer image), Вы увидите библиотеку изображений, где Вы можете выбрать одно из доступных изображений или загрузить новое с вашего компьютера. Нажав на Добавить текст слоя (Add layer text), Вы увидите, что новый слой теперь добавлен, и что настройки строя теперь относятся к новому слою.

      

   4. Используя Настройки текста слоя (Layer text settings) введите текст слоя, размер слоя, цвета, стили текста и т.д.

      В поле Текст/html слоя введите содержимое слоя в текстовом и html формате.

   5. В разделе Настройки позиции текста слоя (Layer text position settings) Вы можете задать позицию текста слоя.

   6. Настройки анимации слоя (Layer animation settings) позволяют задать анимацию слоя. Задайте её позицию на слайде, переход, отступы, задержку, продолжительность и т.д.

      Если Вы добавили несколько слоев, настройки внизу (позиция и анимация) отобразят настройки выбранного слоя.

   7. Нажмите на Сохранить элемент слайдера (Slider Item Save) или Сохранить и продолжить редактирование (Save and Continue Edit), когда изменения внесены.

5. Для того чтобы добавить слайд, нажмите на Добавить элемент слайдера или Добавить новый слайд (Add Slider Item or Add New Slide) и задайте нужные настройки, описанные выше.

6. Нажмите на Сохранить элемент слайдера (Slider Item Save) или Сохранить и продолжить редактирование (Save and Continue Edit) и обновите ваш сайт для просмотра изменений.

Также, не забудьте ознакомиться с нашим обширным ассортиментом шаблонов Magento!

Вы можете также ознакомиться с детальным видео-туториалом ниже: