Данный модуль предлагает удобный способ организации контента. В горизонтальном слайдере-аккардеоне помещается до 10 различных модулей.
Сделайте ваш сайт компактным и удобным для пользователей. Как доказал известный эксперт в области юзабилити и веб-дизайна Якоба Нильсен, 80,3% пользователей просматривают только «первый экран» сайта и вообще не пользуются прокруткой! Поэтому важно представить как можно больше информации вначале страницы. С помощью модуля S5 Horizontal Accordion вы можете без труда разместить в 10 раз больше информации.
Вы можете разместить в схлопывающемся «аккордеоне» любые модули, простой текст или свой HTML-код. Модуль работает на библиотеке Javascript jQuery, обеспечивает плавную анимацию, и что самое главное, не конфликтует с другими расширениями на сайте.
Возможности модуля
- Настройка высоты и ширины модуля
- Вертикальный текст для заголовков модулей
- Настройка индивидуального стиля для каждого модуля в активном состоянии
- Активация по щелчку мыши или по наведению
- Авто цикл или ручное переключение
- Настройка скорости перехода слайдов
- Установка открытого слайда по умолчанию
- Настройка цвета обводки и размера для каждого слайда
- Совместимость с браузерами IE7+, Firefox, Opera 10.5+, Safari и Google Chrome
Создайте свой уникальный стиль для активного слайда
С легкостью создайте свой стиль для активного слайда! Каждый слайд имеет свое индивидуальное фоновое изображение с именами slide1.png, slide2.png, slide3.png и они находятся по адресу modules/mod_s5_horizontal_accordion/images/. Это значит, что каждому слайду можно придать свой уникальный стиль. Файл в PSD формате для редактирования прилагается. По умолчанию используется стандартный фон.
Как настроить модули
S5 Horizontal Accordion позволяет разместить 10 различных модулей.
Все модули должны быть опубликованы в позициях s5_ha_1, s5_ha_2, s5_ha_3 и по s5_ha_10. Если в вашем шаблоне такие позиции отсутствуют, вам необходимо добавить их, следуя данной инструкции:
1.Найдите и откройте в редакторе файл templates/your_template/templateDetails.xml
2.Найдите внизу файла секцию со строкой <positions>
3.После <positions> добавьте строки
<position>s5_ha_1</position>
<position>s5_ha_2</position>
<position>s5_ha_3</position>
<position>s5_ha_4</position>
<position>s5_ha_5</position>
<position>s5_ha_6</position>
<position>s5_ha_7</position>
<position>s5_ha_8</position>
<position>s5_ha_9</position>
<position>s5_ha_10</position>
4.Сохраните файл и данные позиции станут доступны для публикации любых модулей.
5.Опубликуйте модуль S5 Horizontal Accordion в любом месте и странице по вашему желанию.
6.Опубликуйте модули слайдера в позициях s5_ha_x. Назначьте им отображение на всех страницах. Важно соблюдать порядок размещения — если вы публикуете модуль в позиции s5_ha_3, то модули в позициях s5_ha_2 и s5_ha_1 должны быть также опубликованы! Слайдер не заработает, если вы не выполните эти условия.
7.В конце настройте параметры по вашему желанию: высоту, ширину, скорость и т.д.
Вход для складчиков
!-!-!-ОПЛАТА-!-!-!
