Меню

Revolution slider opencart настройка

Слайдер Revolution для Opencart 2

Модуль выгодно отличается богатым функционалом. Он предназначен для добавления на слайды отдельных анимированных слоев. Речь идет о кнопках, изображениях, тексте, которые повышают динамичность слайдов.

Установка модуля:
1. Установить ocmod.zip архив через админку или распаковать и загрузить файлы на сервер
2. Перейти в Модули > Модули и включить модуль Revolution Slider
3. Редактировать модуль, создать слайдер, добавить слайды
4. Перейти в Модули > Модули и включить модуль Revolution Slider Output
5. Перейти к редактированию этого модуля, выбрать созданный слайдер и сохранить.
6. Перейти в админке в Дизайн > Макеты и вывести модуль на нужные страницы.

При появлении сообщения из категории «Доступ запрещен!» и уведомления о том, что страница доступна только пользователям с правами администратора, необходимо предоставить соответствующие права. Для этого в админ-панели нужно перейти во вкладку Администраторы, где установить галочки напротив всех пунктов, и нажать кнопку Сохранить

Модули, которые содержат только файл с двойным расширением ocmod.xml, заливаются в папку В случае использования архива, не обязательно проводить разархивацию, можно инсталлировать в изначальном виде. В корне должна содержаться пустая или заполненная файлами папка upload, и служебные для установки модификаций. Помимо указанных данных в корневом каталоге архива не должно присутствовать ничего лишнего. Более полную информацию об инсталляции модулей получите здесь.

Возникновение данной ошибки обусловлено отсутствием папки upload. Она непременно должна содержаться в архиве, без исключения для случаев, когда в нем присутствуют только файлы модификации – в этом случае папка будет пустой.

Появление такого сообщения обусловлено попыткой инсталлировать ранее уже загруженный модификатор, либо тот, чей ID совпадает с устанавливаемым. Устранить данную ошибку можно путем удаления ранее загруженной версии в админ-панели. В случае совпадения ID нового модуля с уже существующим, необходимо изменить параметр в новом модификаторе, путем добавления нескольких символов.

Данная ошибка появляется в случае инсталляцию в систему с версией от 2.3.x.x такого модуля, который не совместим с новой версией (когда она устаревает). Для устранения данной ошибки необходимо удалить все данные, относящиеся к данному модулю. Максимально быстро сделать это позволяет модуль ХХХХ Другой причиной появления данной проблемы является обращение скрипта к таблице БД, которой не существует. Чаще всего это возникает в том случае, если при инсталляции таблица не была создана. Нужно ознакомиться с правилами инсталляции модуля, и произвести его переустановку при необходимости.

Зачастую при отсутствии требуемой реакции модуля, требуется нажать на любую активную кнопку, чтобы вызвать любую реакцию. Ошибка чаще всего сопряжена с конфликтом в Java-скриптах. Попробуйте также открыть панель вебмастера, нажав кнопку F12. Здесь отображаются существующие конфликты на соответствующей вкладке.

Появление данной проблемы обусловлено наличием ошибок в коде php. Устранение ее возможно при выполнении следующих действий: 1. Проверить серверный файл ошибок 2. Просмотреть логи в админ-панели. Стоит отметить, что ошибки здесь показываются далеко не все. 3. Прописать в начале php-файла контроллера следующий код для демонстрации на экране возникших проблем: ini_set(‘error_reporting’, E_ALL); ini_set(‘display_errors’, 1); ini_set(‘display_startup_errors’, 1);

Источник

Slider Revolution v 6.2.17 — создание и настройка слайдера

В этом посте, как я и обещал, досконально рассмотрим все этапы создания и настройки слайдера для WordPress, плагином Slider Revolution новой Версии 6.2.17.

Читайте также:  Как сбросить настройки на lg 612

В разделе Centr-Sit-Info Уровень Standart, да и в предыдущей статье блога, Slider Revolution — новые изменения и настройка слайдера, подробно разобран интерфейс настроек и создание слайдера в пятой версии 5.4.8.3.

Это одна из самых стабильных предшествующих версий данного плагина. Советую изучить, прежде чем приступать к шестой. Ибо там весь процесс Общих настроек плагина и подготовки исходных материалов.

Подготовив все исходники слайдов: фоновые изображения соответствующих размеров (у меня по ширине W = 1920px, высота H = 700px), рисунки дополнительных слоев (логотипы, фото, изображения), тексты призывов, ссылки целевых страниц, приступаем к созданию слайдера.

Все изображения, оптимизированные под нужный размер и вес, загружаем в Библиотеку медиа-файлов WordPress.

Страница Обзора Slider Revolution.

Страница Обзора Slider Revolution — это первая страница, которая откроется после входа в настройки плагина.

Нажимаем на вкладку Новый пустой модуль. Во всплывающих окнах — первичный выбор настроек и подсказок:

Окно Базовой конфигурации модуля Slider Revolution 6.

Нажимаем на кнопку Начало руководства.
В каждом последующем окне будет предложено три варианта. Вам нужно будет выбрать свой, наиболее подходящий для Вашего сайта и поставленных задач.

Тип модуля — Какой тип модуля вы хотели бы создать?

Размеры модуля — Какой размер должен иметь модуль?

Адаптивность — Как бы вы хотели изменить свой контент?

Сделав первоначальный выбор настроек, переходим к редактору. Сохраняем настройки.

Визуальный Редактор настроек слайдера.

На открывшейся странице Визуального Редактора настроек слайдера, в Окне Сетки слоев, мы видим пустой слайд, автоматически созданный программой.

Общие параметры Модуля.

В правом меню — Общие параметры Модуля, вкладка Название. Можно изменить название слайдера и его Алиас, с помощью которых формируется шорт-код слайдера.

Вкладка Макет. Настройки выставляются автоматически, согласно Базовым.
Если планируете разместить слайдер на Главной странице — на всю ширину сайта, ниже корректируем данные пункта Размер Области Слоя.
Для Настольных компьютеров меняем ширину и высоту, соответственно фоновых изображений ( у меня, ширина W = 1920px, высота H = 700px).

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

Для всех остальных версий — ноутбука и планшета, размеры масштабируются. По желанию, можно и их активировать и так же менять расположение слоев.
Внизу — Сохранить изменения.

Остальные пункты Общих параметров:

Контент — источник Пользовательский.
По умолчанию — длительность слайда оставляем 9000 м/с (9 секунд).
Общие — активируем Автоповорот слайд-шоу и Остановка при наведении.
Ниже, в пункте Первый Слайд, активируем Другое и выставляем #=1.
Слайдер будет запускаться с первого слайда.
Все остальное, пока, по-умолчанию. Сохраняем настройки.

Параметры навигации.

В общих параметрах переходим в меню Параметры навигации.
Во вкладке Прогресс, активируем Индикатор Прогресса, этого будет достаточно, чтобы запустить смену слайдов. Позже, можно будет изменить на Стрелки, или добавить другие варианты.

Стиль — Горизонтальная линия;
Выравнивание — Верх слайдера;
Толщина линии — достаточно и 2px (по умолчанию 5px).

После изменений настроек каждой вкладки, не забывайте сохранять изменения.

Вкладка Сенсорный. Включаем Мобильный свайп, Размах рабочего стола и Блок
прокрутки (по желанию). Swipe Dir — горизонтальная.

Читайте также:  Первоначальная настройка cisco 3650

Клавиатуру и Мышь активирует, при условии использования в навигации Стрелок
и Точек.

Данных изменений в Параметрах Модуля будет достаточно, чтобы приступить к созданию слайдера. По необходимости, в процессе работы можно вносить изменения.

Меню Сетки Слоев редактора слайдера.

В верхнем меню Сетки Слоев, наводим мышкой на Слайд. В выпавшем меню, название нового первого слайда (#1 New Slide). Позже, заменится на свой.

Выбираем Добавить слайд — Массовое добавление Слайдов.
В библиотеке Медиафайлов WordPres, при нажатой клавише Ctrl, выделяем, загруженные заранее, фоновые изображения слайдов (у меня 3 шт.). В той последовательности, которая нам необходима (1, 2, 3 слайды). Нажимаем Установить.

Слайды появятся в меню Слайд, сетки слоев. Пустой слайд нужно удалить. Первый, из загруженных, займет его место. Обязательно сохраняйте настройки.

Создание и настройка Слайда №1.

Я приведу пример создания и настройки реального слайдера, который расположен на Главной странице этого сайта.

В верхнем меню Слайд — наводим мышь и выбираем #1 New Slide, первый, который подгрузился (обычным перетаскиванием их можно менять местами).

Загружаем эмблему Логотипа сайта.

В следующем пункте, справа, Добавить слой — Изображение — Библиотека WordPress. Выбираем изображение — установить.

В правом меню Параметров, активируется 4-й Пункт, Вид редактора — Параметры Слоя.
Размер & Позиция — центр/верх, X = 8px, Y = 17px.
Размер изображения — ширина W = 170px, высота H = 155px.
Адаптивный Вид — все пункты активированы (здесь и в последующих слоях).

Анимация. Ключевые Кадры — Аним К.


Вход слоя IN — выбираем Slide Transitions — Long Slide from Top (сверху).
Выход слоя OUT — выбираем Slide Transitions — Long Slide to Top (вверх).
Основы (Time Out) — Длительность 300м/с, Начало 500 м/с.
Сохраняем изменения.

Следующие два изображения — это тексты, обработанные в Photoshop, в формате PNG.

Первый рисунок.

Анимация. Ключевые Кадры — Аним К.
Вход слоя IN — выбираем Slide Transitions — Long Slide from Left (появление слева).
Выход слоя OUT — выбираем Slide Transitions — Long Slide to Left (уход в лево).
Основы (Time Out) — Длительность 500м/с, Начало 900 м/с.

Учитываем время появления каждого последующего слоя.

Второй рисунок.

Добавляем слой-изображение «Centr-Sit-Info».
Размер & Позиция — центр/верх, X = 305px, Y = 54px.
Размер изображения — ширина W = 510px, высота H = 80px.

Анимация. Ключевые Кадры — Аним К.
Вход слоя IN — выбираем Slide Transitions — Long Slide from Right (появление справа).
Выход слоя OUT — выбираем Slide Transitions — Long Slide to Right (уход в право).
Основы (Time Out) — Длительность 500м/с, Начало 1400м/с.

Добавляем новый Слой — Текст.

В Параметрах слоя — Контент, вписываем нужный нам текст — Премиум-темы для WordPress. Выравнивание — слева.

Стиль. Высота шрифта = 48px, высота строки = 25px,
Толщина шрифта & Стиль = 500 Medium.
Шрифт — Roboto, цвет — белый.

Размер & Позиция — слева/верх, X = 300px, Y = 198px.
Размер изображения — ширина W = auto, высота H = auto.

Анимация. Ключевые Кадры — Аним К.
Вход слоя IN — выбираем Slide Transitions — Long Slide from Left (появление слева).
Выход слоя OUT — выбираем Slide Transitions — Long Slide to Left (уход влево).
Основы (Time Out) — Длительность 500м/с, Начало 1900м/с.

Читайте также:  Pablo a610 планшет настройка

Следующий текстовой файл — Профессиональные сайты.

Выравнивание — слева.
Стиль. Высота шрифта = 48px, высота строки = 25px,
Толщина шрифта & Стиль = 500 Medium.
Шрифт — Roboto, цвет — белый.

Размер & Позиция — слева/верх, X = 300px, Y = 270px.
Размер изображения — ширина W = auto, высота H = auto.

Анимация. Ключевые Кадры — Аним К.
Вход слоя IN — выбираем Slide Transitions — Long Slide from Left (появление слева).
Выход слоя OUT — выбираем Slide Transitions — Long Slide to Left (уход влево).
Основы (Time Out) — Длительность 500м/с, Начало 2400м/с.

Третий текстовой файл — Самостоятельно!

Выравнивание — слева.
Стиль. Высота шрифта = 48px, высота строки = 25px,
Толщина шрифта & Стиль = 500 Medium.
Шрифт — Roboto, цвет — белый.

Размер & Позиция — слева/верх, X = 300px, Y = 330px.
Размер изображения — ширина W = auto, высота H = auto.

Анимация. Ключевые Кадры — Аним К.
Вход слоя IN — выбираем Slide Transitions — Long Slide from Left (появление слева).
Выход слоя OUT — выбираем Slide Transitions — Long Slide to Left (уход влево).
Основы (Time Out) — Длительность 500м/с, Начало 2900м/с.

Сгруппированное изображение ноутбука и планшета.

Добавляем Слой тем же путем, что и предыдущие. Рисунок в формате PNG.

Размер & Позиция — центр/верх, X = 250px, Y = 136px.
Размер изображения — ширина W = 825px, высота H = 550px.

Анимация. Ключевые Кадры — Аним К.
Вход слоя IN — выбираем Slide Transitions — Long Slide from Right (появление справа).
Выход слоя OUT — выбираем Slide Transitions — Long Slide to Right (уход вправо).
Основы (Time Out) — Длительность 500м/с, Начало 3400м/с.

Заключительный элемент слайда — Кнопка — Узнать больше.

Добавить Слой — Кнопка. В новом окне выбираем ее размер и конфигурацию.
В Параметрах слоя — Контент, вписываем текст кнопки, выравнивание — по средине.

Стиль. Высота шрифта = 30px, высота строки = 60px,
Толщина шрифта & Стиль = 500 Medium.
Шрифт — Roboto, цвет — белый.
Если необходимо, подбираем цвет самой кнопки.

Анимация. Ключевые Кадры — Аним К.
Вход слоя IN — выбираем Rotations — Rotate in from Botton v2 (появление от зрителя).
Выход слоя OUT — выбираем Rotations — Rotate Out to Botton v2 (уход на зрителя).
Основы (Time Out) — Длительность 500м/с, Начало 3900м/с.

Actions — действие кнопки. В новом окне выбираем — Простая ссылка.
После этого, в строке — URL ссылки, вставляем ссылку на страницу (сайт), которая должна открыться при нажатии на кнопку.
Ниже, в строке — Целевая страница, выбираем — В новом окне (вкладке).
Строка Следовать — Перейти по ссылке.
Теперь окно можно закрыть и сохранить изменения в слайдере.

Вам в помощь 1-й видео-урок по настройке Slider Revolution v 6.2.17 из раздела Centr-Sit-Info Уровень Profi-bizblog:

На этом создание и настройка первого слайда закончена. Продолжение смотрите в Учебном разделе Centr-Sit-Info Уровень Profi-bizblog.
Регистрируйтесь и изучайте дальнейшие настройки слайдера плагином Slider Revolution 6-й версии. В новой версии плагина, разработчики внедрили много скрытых интересных фишек.

Подписывайтесь на новости Учебного раздела Centr-Sit-Info и не забываете нажать на кнопку Поделиться в социальных сетях.

Источник