Новости
Слайдшоу элементов и товаров с 3D эффектами

Слайдшоу элементов и товаров с 3D эффектами

7 июня 2013


Автор: Голубев Владислав
Представляем Вам новое "Слайдшоу элементов и товаров с 3D эффектами" - модуль, позволяющий вывести на сайте красивое и динамичное слайдшоу. В качестве данных могут использоваться инфоблоки, а также каталоги товаров.

Решение имеет массу параметров, с помощью которых можно настроить внешний вид слайдшоу. Вот только некоторые из них:

РАЗМЕРЫ & ОТСТУПЫ
  • Ширина (px или %)
  • Высота (только px)
  • Ширина слайда (px или %)
  • Отступ сверхуОтступ снизу
ВНЕШНИЙ ВИД
  • Отображать 'Назад'/'Вперёд'
  • Отображать панель навигации
  • Авто смена слайдов
  • Скорость анимации (сек)
  • Пауза между слайдами (сек)
НАЗВАНИЕ
  • Размер шрифта (px)
  • Цвет
ТЕКСТ
  • Поле/свойство элемента, содержащее текст
  • Максимальная длина текста для вывода
  • Размер шрифта (px)
  • Цвет
ИЗОБРАЖЕНИЕ
  • Ширина изображения (px)
  • Высота изображения (px)
  • Тип масштабирования
  • Отступ слева
  • Отступ справа
  • Толщина рамки
  • Цвет рамки
  • Тень: размытие
  • Тень: растяжение
  • Тень: цвет
КНОПКА "ПОДРОБНЕЕ"
  • Размер шрифта (px)
  • Цвет
  • Градиент (верх)
  • Градиент (низ)
  • Ширина границ (px)
  • Цвет границ
ФОН СЛАЙДОВ
  • Слайд 1
  • Слайд 2
  • Слайд N
С помощью этих параметров вы можете настроить буквально всё - он цвета текста, до фона слайдов!

Самое интересное в нашем решении - способность отображать товары из каталога с ценами, учитывая также стоимость торговых предложений товара (SKU). И даже более того - товары можно фильтровать по разделу и свойству - например, вывести товары из раздела "Женщинам" имеющим галочку "Новинка".

ФИЛЬТРАЦИЯ
  • Фильтровать элементы
  • Раздел (множественный выбор)
  • Свойство '<Название свойства 1>'
  • Свойство '<Название свойства 2>'
  • Свойство '<Название свойства N>'
ЦЕНЫ
  • Показывать цены
  • Тип цены (множественный выбор)
  • Включать НДС в цену
  • Выводить цены для количества
  • Размер шрифта (px)
  • Цвет
Но самое интересное в нашем решении - это конечно же 3D анимация!!! Можно управлять анимацией каждого слайда - эффекты поражают своей нетривиальностью! Изменяя анимацию вы получаете совершенно уникальное слайдшоу, которого нет на других сайтах. Подробнее о принципах настройки анимации смотрите на нашем сайте.

Анимация поддерживается только следующими браузерами: Google Chrome, Mozila FireFox, Safari. Для остальных браузеров слайды прокручиваются только влево. Надеемся, что в скором будущем и другие браузеры будут поддерживать анимацию.

Вернуться обратно
Статья полезна для
Предлагаем еще прочесть