Jump to content
Sign in to follow this  
ice

Слайдер на всю ширину экрана

Recommended Posts

Подскажите пожалуйста, как сделать стандартный слайдер (owl carousel) на дефолтном шаблоне во всю ширину экрана?

Я так понимаю, что нужно присвоить отдельный класс container, (-fluid), после чего слайдер стал отображаться на всю ширину (как нужно), но изображения в нем отображаются не коректно. Что нужно изменить/добавить при этом свойстве для корректного отображения картинок внутри него? и какую ширину указывать в модуле для изображений в админке?

Share this post


Link to post
Share on other sites
34 минуты назад, ice сказал:

Подскажите пожалуйста, как сделать стандартный слайдер (owl carousel) на дефолтном шаблоне во всю ширину экрана?

Я так понимаю, что нужно присвоить отдельный класс container, (-fluid), после чего слайдер стал отображаться на всю ширину (как нужно), но изображения в нем отображаются не коректно. Что нужно изменить/добавить при этом свойстве для корректного отображения картинок внутри него? и какую ширину указывать в модуле для изображений в админке?

можно, сделаю модуль за касарь на 3х

 

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
You are posting as a guest. If you have an account, please sign in.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

  • Similar Content

    • By legioner26
      Разработан многофункциональный модуль Opencart Zoom для зуммирования изображений в карточке товара с выбором вариантов исполнения.
      ПРИМЕЧАНИЕ !!!
      Если у Вас не стандартный шаблон то для корректной работы настоятельно рекомендую проверить установлены ли иные плагины зумма.
      Не забываем очищать кешь на сайте при изменении настроек. Сочетание клавишь (Ctrl+F5)
       
      По адаптации шаблонов пишите в ЛС
       
      Адаптирован с шаблонами Moneymaker 2, ROUNDSHOP, Corsica, Fiji
       
      Вариант №1
       
      Зуммирование в отдельном блоке, от изображения либо вывод в любом другом
       
      Вариант №2
       
      Зуммирование со скроллом внутри блока с изображением
       
      Вариант №3
       
      Зуммирование в виде лупы с настройками по ширине и высоте.
       
      ПРОСМОТР РАБОТЫ МОДУЛЯ
       
      Установка:
      1. Копируем содержимое исходя из версий ОС на хостинг в корень сайта 
      2. В модификаторах чистим кешь и обновляем.
      3. Пишем в личку номер вашего заказа, я высылаю Вам ключ.
       
      DEMO Логин: demo Пароль: demo
      http://demo.teplomir-svet.ru/index.php?route=product/product&product_id=43  
       
      https://opencartforum.com/profile/723002-legioner26/?tab=field_core_pfield_13 ->> Собственный программный модуль по парсингу товаров под управлением OpenCart
       
    • By legioner26
      899.00 руб
      Скачать/Купить дополнение


      Модуль зуммирования изображений товара - ZoomPRO
      Разработан многофункциональный модуль Opencart Zoom для зуммирования изображений в карточке товара с выбором вариантов исполнения.
      ПРИМЕЧАНИЕ !!!
      Если у Вас не стандартный шаблон то для корректной работы настоятельно рекомендую проверить установлены ли иные плагины зумма.
      Не забываем очищать кешь на сайте при изменении настроек. Сочетание клавишь (Ctrl+F5)
       
      По адаптации шаблонов пишите в ЛС
       
      Адаптирован с шаблонами Moneymaker 2, ROUNDSHOP, Corsica, Fiji
       
      Вариант №1
       
      Зуммирование в отдельном блоке, от изображения либо вывод в любом другом
       
      Вариант №2
       
      Зуммирование со скроллом внутри блока с изображением
       
      Вариант №3
       
      Зуммирование в виде лупы с настройками по ширине и высоте.
       
      ПРОСМОТР РАБОТЫ МОДУЛЯ
       
      Установка:
      1. Копируем содержимое исходя из версий ОС на хостинг в корень сайта 
      2. В модификаторах чистим кешь и обновляем.
      3. Пишем в личку номер вашего заказа, я высылаю Вам ключ.
       
      DEMO Логин: demo Пароль: demo
      http://demo.teplomir-svet.ru/index.php?route=product/product&product_id=43  
       
      https://opencartforum.com/profile/723002-legioner26/?tab=field_core_pfield_13 ->> Собственный программный модуль по парсингу товаров под управлением OpenCart
       
      Добавил legioner26 Добавлено 21.05.2019 Категория Меню, дизайн, внешний вид Системные требования Ioncube Loader Сайт разработчика Старая цена 2500 Метод активации По запросу в ЛС Ioncube Loader Требуется OpenCart 2.3
      2.2
      2.1
      2.0 ocStore 2.3
      2.2
      2.1 OpenCart.Pro, ocShop Opencart.pro 2.3
      Opencart.pro 2.1
      OcShop 2.0.3.х Обращение к серверу разработчика Нет  
    • By GotchaMabuka
      Приветствую.
      Посоветуйте, как при свайпе  на блоке карусели (на мобильных устройствах), добиться отключения вертикального скролла.
      Например, на сайте икеи, при свайпе по карусели в блоке "вы смотрели" когда листаешь товары, вертикальная прокрутка как-бы фиксируется (блок не плавает вверх/вниз),
    • By valera1991
      Модуль Карусель дополнительных изображений OpenCart 3.0 - создает возможность отображения дополнительных изображений товара в виде карусели в карточке товара. Продемонстрируйте товары в своем магазине, используя карусель, вы можете одновременно показывать большее количество изображений товаров с возможностью прокрутки их, чтобы ваши пользователи могли видеть их все.
       
      Слишком много изображений товаров в карточке товара? С помощью модуля вы можете легко добавить карусель, с горизонтальной компоновкой и поддержкой навигации.
       
      Реализовано для Opencart 2.3 и opencart 3
      Адаптация и расширение функционала по запросу.
      Устанавливается как обычный модификатор.
       
      1. Изменение количества слайдов:
                            items : 6, 
                            itemsDesktop : [1000,6], 
                            itemsDesktopSmall : [900,4], 
                            itemsTablet: [600,3], 
       
      Буду благодарен за отзыв
       
    • By valera1991
      Скачать/Купить дополнение


      Доп фото в карточке товара слайдером opencart 2/3
      Модуль Карусель дополнительных изображений OpenCart 3.0 - создает возможность отображения дополнительных изображений товара в виде карусели в карточке товара. Продемонстрируйте товары в своем магазине, используя карусель, вы можете одновременно показывать большее количество изображений товаров с возможностью прокрутки их, чтобы ваши пользователи могли видеть их все.
       
      Слишком много изображений товаров в карточке товара? С помощью модуля вы можете легко добавить карусель, с горизонтальной компоновкой и поддержкой навигации.
       
      Реализовано для Opencart 2.3 и opencart 3
      Адаптация и расширение функционала по запросу.
      Устанавливается как обычный модификатор.
       
      1. Изменение количества слайдов:
                            items : 6, 
                            itemsDesktop : [1000,6], 
                            itemsDesktopSmall : [900,4], 
                            itemsTablet: [600,3], 
       
      Буду благодарен за отзыв
       
      Добавил valera1991 Добавлено 25.05.2019 Категория Меню, дизайн, внешний вид Системные требования Сайт разработчика Старая цена Метод активации Без активации Ioncube Loader Нет OpenCart 3.0
      2.3 ocStore 3.0
      2.3 OpenCart.Pro, ocShop Не проверялось Обращение к серверу разработчика Нет  
  • Recently Browsing   0 members

    No registered users viewing this page.

×

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.