Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
  • Sign Up

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


Recommended Posts

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

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

Link to post
Share on other sites

34 минуты назад, ice сказал:

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

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

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

 

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Similar Content

    • By 2OC
      Модуль 2OC Bannergrid. Выбор типов показываемых банеров: Изображение или Карусель. Настройка размеров изображений и позиционирование в конструкторе админки.  Кеширования модуля. Установка своих классов для модуля через админку и т.д. и т.п.
       
      ДЕМО:
      Главная страница
      Страница с примерами
      Админка
      login: demo
      pass: demo
       

      Есть на выбор 2 типа баннера:
      1. Изображение.
      2. Карусель.
       
      Возможность установить свой HTML код и/или URL для каждого из баннеров.
       
      Возможность кеширование модуля, чтобы не получать каждый раз данные о нём из БД.
       
      Совместимость с другими темами из коробки не гарантируется! Но вероятность его работы на темах с bootstrap максимальная! Могу помочь с интеграцией 2OC BannerGrid в ваш шаблон, если это потребуется.
      При особой необходимости и свободном времени могу адаптировать 2OC BannerGrid под версии 2.1 или 2.2 OpenCart и ocStore.
       
      Если есть вопросы по модулю, его возможностям и можно ли реализовать с его помощью что-то, спрашивайте!
       
    • By 2OC
      890
      Скачать/Купить дополнение


      2OC BannerGrid - баннер, слайдер, карусель, галерея
      Модуль 2OC Bannergrid. Выбор типов показываемых банеров: Изображение или Карусель. Настройка размеров изображений и позиционирование в конструкторе админки.  Кеширования модуля. Установка своих классов для модуля через админку и т.д. и т.п.
       
      ДЕМО:
      Главная страница
      Страница с примерами
      Админка
      login: demo
      pass: demo
       

      Есть на выбор 2 типа баннера:
      1. Изображение.
      2. Карусель.
       
      Возможность установить свой HTML код и/или URL для каждого из баннеров.
       
      Возможность кеширование модуля, чтобы не получать каждый раз данные о нём из БД.
       
      Совместимость с другими темами из коробки не гарантируется! Но вероятность его работы на темах с bootstrap максимальная! Могу помочь с интеграцией 2OC BannerGrid в ваш шаблон, если это потребуется.
      При особой необходимости и свободном времени могу адаптировать 2OC BannerGrid под версии 2.1 или 2.2 OpenCart и ocStore.
       
      Если есть вопросы по модулю, его возможностям и можно ли реализовать с его помощью что-то, спрашивайте!
       
      Добавил 2OC Добавлено 04.03.2021 Категория Модули Системные требования Метод активации По запросу в ЛС
      По запросу на почту
      По скайпу Ioncube Loader Требуется OpenCart 3.0
      2.3 ocStore 3.0
      2.3 OpenCart.Pro, ocShop Не проверялось Обращение к серверу разработчика Нет  
    • By milus
      Простой но эффективный модуль для продвижения товаров вашего магазина.
       
      Особенности:
      - Простая установка и настройка
      - Установка цветовой схемы из админки
      - Анимация при смене слайдов
      - Вывод стикера скидки
      - Отзывчивый дизайн
      - Мультиязычность
       
      Для каждого слайда можно:
      - Выбрать не один, а несколько товаров (тогда товары будут выводиться рандомно, очень удобно если нужно "прокачать" определенную группу товаров а перегружать главную не хочется)
      - Указать промо заголовок, произвольное описание (если описание не заполнено - выводится дефолтное краткое описание)
      - Выбрать фоновое изображение (если вы используете в качестве изображений товаров прозрачные png изображения, в принципе можно подобрать красочный бэкграунд и для обычных фото)
      - Выбрать индивидуальные цветовые стили, для надписей, кнопок и т.д.
       
      Демо 
       
      Демо Админ (login:demo password:demo)
       
      Файл устанавливается через стандартный установщик расширений, все как обычно. Ничего не перезаписывается. Слайдер реализован через Slick карусель.
    • By milus
      750 10
      Скачать/Купить дополнение


      Слайдер Товаров
      Файл устанавливается через стандартный установщик расширений, все как обычно. Ничего не перезаписывается. Слайдер реализован через Slick карусель.
      Добавил milus Добавлено 11.01.2022 Категория Слайдшоу, баннеры, галереи Системные требования Метод активации Без активации Ioncube Loader Нет OpenCart 3.0 ocStore 3.0 OpenCart.Pro, ocShop Обращение к серверу разработчика Нет  
    • By kirians
      2848 38
      Скачать/Купить дополнение


      Mega Swipe Slider (Адаптивный слайдер сайта)
      Применяйте расширение "Mega Swipe Slider (Адаптивный слайдер сайта)", чтобы всего за несколько минут добавить на домашнюю страницу сайта красочные баннеры с лучшими товарами.
      Привлекайте внимание посетителей к различным акциям и повышайте продажи Вашего интернет-магазина!
       
      Используя это расширение, Вы можете максимально увеличить видимость Ваших сообщений на главной странице и направить посетителей для просмотра выбранного контента.
       
      Расширение "Mega Swipe Slider (Адаптивный слайдер сайта)" предлагает широкий спектр настроек для выбора слайдера в соответствии с Вашими потребностями.
      Благодаря этому расшиению, Ваши клиенты всегда будут проинформированы о текущих событиях и акциях на Вашем сайте.
       
      Особенности:
      Полноэкранный и адаптивный слайдер на главной странице. Простые настройки параметров: скорость прокрутки, стиль перехода, элементы просмотра и т.д. Различные стили анимации: слайд, фейд, куб, прикрытие, флип, параллакс и т.д. Интерактивный баннер! Один клик по картинке, и Вы уже на странице товара. Корректное отображение на мобильных устройствах.  
      Инструкции по использованию:
      Скачайте и установите расширение; Добавьте изображения в слайдер; Выберите внешний вид слайдера; Настройте элементы слайдера; Добавьте макет слайдера в настройках админ панели; В результате на главной странице Вашего магазина отображается адаптивный слайдер. Добавил kirians Добавлено 29.11.2021 Категория Слайдшоу, баннеры, галереи Системные требования Метод активации Автоматическая активация Ioncube Loader Нет OpenCart 3.0
      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.5.1
      1.5.5
      1.5.4.1
      1.5.3.1 ocStore 3.0
      2.3.0.2.4
      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 Не проверялось Обращение к серверу разработчика Нет  
  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...

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.