4 139 Р

Вместе дешевле

Задать параметры
4 139 Р
3 239 Р
+
Задать параметры
2 340 Р
1 680 Р
+
Задать параметры
2 220 Р
1 620 Р
=
Обычная цена 8 698 Р
Цена за все 6 539 Р

Давно хотели добавить в ваш магазин изюминку? Тогда этот модуль просто находка для Вас!

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


Модуль "Параллакс баннеры" сочетает в себе 3 модуля:

  1. Он добавляет параллакс эффект по движению мыши. Это позволяет создать анимацию движения объекта или ощущение у пользователя 3D изображения.
  2. Добавляет асинхронное движение изображения баннера при скролле окна браузера, что выглядит достаточно необычно.
  3. Модуль имеет Full width wrapper, что позволяет растягивать любые баннеры, включая стандартный slider, на всю ширину окна браузера.


Модуль не изменяет файлы ядра CS-Cart, не переписывает шаблоны, поддерживает дальнейшие обновления. Поэтому при использовании нашего модуля у вас не возникнет проблем с совместимостью. Также, модуль полностью поддерживается сенсорными устройствами. А Множество настроек позволит вам тонко сконфигурировать итоговое поведения Параллакс эффекта.


Совместимость:

Данный модуль корректно работает в Internet Explorer 9+, Mozilla Firefox, Safari, Google Chrome и Opera (последние версии).

Модуль совместим с CS-Cart и Multi-Vendor версии 4.3.7 - 4.7.4


Примичание:

Одна лицензия модуля действительна только для одной CS-Cart установки. Для того, чтобы использовать модуль на другой CS-Cart установке, необходимо приобрести еще одну лицензию.


Есть идеи по улучшению данного модуля? Поделитесь с нами.


  1. Загрузите архив со страницы вашего заказа и распакуйте его во временную папку.
  2. Загрузите установочный пакет на странице Модули -> Управление модулями и вставьте лицензионный ключ.
  3. После этих действий модуль станет активным и загрузит исполняемые файлы с нашего сервера, совместимые с вашей версией CS-Cart.

Как сделать баннер на всю ширину

  1. Необходимо выбрать у блока баннера оболочку 'Full width'.

Как добавить баннеры с эффектом Parallax scroll

  1. Загрузить необходимые баннеры в Marketing -> Banners
  2. Перейти в Design -> Layouts
  3. Добавить в необходимую секцию блок "Баннеры".
  4. Выбрать шаблон "Parallax" для этого блока. Кликнуть на Настройки рядом с выпадающим меню выбора шаблона.
  5. В появившихся настройках выбрать "Scroll" в настройке "Detect". Изменить другие настройки при необходимости.
  6. На вкладке Content выбрать загруженные баннеры из #1.

Как добавить баннеры с эффектом Parallax mousemove

  1. Загрузить необходимые баннеры в Marketing -> Banners
  2. Перейти в Design -> Layouts
  3. Добавить в необходимую секцию блок "Баннеры".

Как изменить направление движения слоя в Parallax mousemove banner или изменить скорость или остановить движение определенного слоя

  1. . Зайти на страницу редактирования необходимого баннера (слоя) в Marketing -> Banners.
  2. Для изменения скорости движения слоя необходимо изменить значение настройки 'Parallax layer sensetivity, %'.
  3. Для изменения направления движения необходимо указать negative value в настройке 'Parallax layer sensetivity, %', например '-100'.
  4. Для остановки движения слоя необходимо указать zero value в настройке 'Parallax layer sensetivity, %'.

Почти все настройки для создания эффекта Параллакса находятся в настройках шаблона 'Parallax' блока типа 'Banners':

Sensitivity axis X - коэффициент, который изменяет дистанцию движения по оси X в зависимости от движения мыши.

Sensitivity axis Y - коэффициент, который изменяет дистанцию движения по оси Y в зависимости от движения мыши или при прокрутке.

Scope: Item - Parallax mousemove будет реагировать только на движение мыши поверх баннера.

Scope: Global - Parallax mousemove будет реагировать на движение мыши по всему окну браузера.

Fit layers to container width – - Если слои больше размеров сетки/контейнера блока Параллакс, то слои-изображения будут отмасштабированны, чтобы уместиться полностью.

Detect – основная настройка, которая отвечает за действие, на которое будет реагировать Параллакс.

Link – Баннеры должны вызывать желание клика у пользователя, чтобы привести на целевую страницу. Вы можете использовать прямую ссылку или задать dispatch значение .

Coefficient for reducing scroll banner's height - Полезно для баннера с эффектом Parallax scroll. Уменьшает высоту контейнера, чтобы пользователь не увидел край баннера при прокрутке.

Interesting find, I've not seen something like this module for CS-Cart yet.
Написать отзыв