Перейти к содержанию
Apelsinka

Несколько слайдшоу рядом

Рекомендуемые сообщения

Добрый день! Поскажите, пожалуйста, знающие, как сделать на главной странице вместо одного большого слайдшоу несколько маленьких (чтобы в каждом были свои товары и можно было перейти на страничку товара).

 

Я попыталась сделать: добавила ещё один слайдшоу, уменьшила размер, но он разместился под первым слайдом, а мне нужно чтобы разместился рядом по горизонтали.

 

ocStore-1.5.5.1.2

 

 

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

см. 

igg-eco.ru

- хоть 20 штук вам сделаю :-)

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

задайте в стилях для блока слайдшоу 

display:inline-block;

решение топорное, но если нигде больше эти слайдеры не применяются, то сойдет.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Похожий контент

    • От Pavel666
      Обнаружил баг в модуле слайдшоу, кнопки навигации вынесены за пределы блока с идентификатором модуля, в следствии чего при размещении нескольких блоков на странице, вешается несколько обработчиков на кнопки навигации и перелистываются все слайды на странице
      исходный код модуля slideshow.twig
       
      Как должно быть
       
      И аналогично файл carousel.twig
       
    • От iDiy
      395.00 руб
      Скачать/Купить дополнение


      Адаптивное Слайдшоу
      Адаптивное Слайдшоу (responsive slideshow)
      Особенности:
      Мультиязычное HTML описание баннеров Мультиязычные изображения, ссылки баннеров, статус, порядок сортировки Поддержка сенсорных устройств (Touch Swipe) Управление колесиком мыши (mousewheel) Произвольные миниатюры Автопросмотр, таймер и прочее... Модуль не заменяет системных файлов и не требует vQmod.
       
      Демонстрация: YO-Слайдшоу
      Админ демо (логин/пароль: demo / demo)
      Добавил iDiy Добавлено 07.12.2013 Категория Модули Системные требования Сайт разработчика Старая цена Метод активации Без активации Ioncube Loader Нет OpenCart 1.5.6.4
      1.5.6.3
      1.5.6.2
      1.5.6.1
      1.5.6
      1.5.4.1
      1.5.3.1 ocStore 1.5.5.1.2
      1.5.5.1.1
      1.5.5.1
      1.5.4.1.2
      1.5.4.1.1
      1.5.4.1
      1.5.3.1 OpenCart.Pro, ocShop OcShop 1.5.6.4.х  
    • От iDiy
      Адаптивное Слайдшоу (responsive slideshow)
      Особенности:
      Мультиязычное HTML описание баннеров Мультиязычные изображения, ссылки баннеров, статус, порядок сортировки Поддержка сенсорных устройств (Touch Swipe) Управление колесиком мыши (mousewheel) Произвольные миниатюры Автопросмотр, таймер и прочее... Модуль не заменяет системных файлов и не требует vQmod.
       
      Демонстрация: YO-Слайдшоу
      Админ демо (логин/пароль: demo / demo)
    • От mrz
      Скачать/Купить дополнение


      Смена эффектов слайдшоу(ocmod)
      Дополнение позволяет устанавливать эффекты смены слайдов в модуле Слайдшоу.
      Совместимость
      opencart/ocstore 2.x
      Добавил mrz Добавлено 11.01.2016 Категория Модули  
    • От noti
      300.00 руб
      Скачать/Купить дополнение


      Слайдшоу для OpenCart - адаптивный слайдер с выводом слогана
      Адаптивное слайдшоу для Opencart на основе FlexSlider 2.
      Возможности и преимущества:
      Возможен вывод слогана на слайде из админки. Кнопка для ссылки на сайдере Три анимационных эффекта Сдвиг, Вертикальный сдвиг и Появление. Регулируется интервал времени смены слайдов. Возможно отображение как с нижними миниатюрами изображения так и без них. Задается максимальная ширина слайдера, цвет шрифта, фона слайдера и его расположение. Для вывода слайдеров используются стандартные баннеры. Устанавливается отдельным модулем. Управление пальцами на устройствах с сенсорным экраном. Вес всего 22kb Совместимость с шаблоном AVA Store
      Демо (3 варианта слайдера)
      Демо админки
      Логин demo, пароль demo
       
      Пример #1
      Слайдер с миниатюрами изображений и текстом по центру. Полупрозрачный фон можно убрать совсем и оставить только текст.

       
      Пример #2
      Надпись слайдера можно расположить справа, слева или по центру и задать нужную величину ширины прозрачного слоя.

      Стиль фона текста, стиль текста и кнопок единый для всего слайдера.
      Инструкция по установке в папке Documentation
      Имена файлов и версии движка:
      FlexSlider RB OpenCart 2.3 - для OpenCart 2.3, OcSore 2.3 FlexSlider RB OpenCart 2.2 - для OpenCart 2.2 FlexSlider RB OpenCart 2.0 - для OpenCart 2.0, 2.1, OcSore 2.1 FlexSlider RB OpenCart 1.5 - для OpenCart 1.5, OcSore 1.5 Шаблон на котором установлен слайдер.
      Изменения в версии 2.4.1:
      Добавлены точки, когда превью отключены Добавлена поддержка OpenCart / OcStore 1.5 Изменения в версии 2.3:
      добавлен еще один эффект (вертикальный сдвиг) если указана ссылка на баннере, то появляется кнопка задается текст этой кнопки добавлены опции по стилизации (цвет кнопки, текста, фона и расположение блока) Добавил noti Добавлено 16.10.2015 Категория Слайдшоу, баннеры, галереи Системные требования Сайт разработчика w-concept.ru Старая цена Метод активации Без активации Ioncube Loader Нет OpenCart 2.3
      2.2
      2.1
      2.0
      1.5.6.4
      1.5.6.3
      1.5.6.2
      1.5.6.1
      1.5.6
      1.5.4.1
      1.5.3.1 ocStore 2.3
      2.2
      2.1
      1.5.5.1.2
      1.5.5.1.1
      1.5.5.1
      1.5.4.1.2
      1.5.4.1.1
      1.5.4.1
      1.5.3.1
      1.5.2.1
      1.5.1.3 OpenCart.Pro, ocShop Opencart.pro 2.3
      Opencart.pro 2.1
      OcShop 2.0.3.х
      OcShop 1.5.6.4.х  
  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.