Jump to content
Sign in to follow this  
maiki

Резиновый слайдер Nivo

Recommended Posts

Привет! Установлен Ниво слайдер. Как сделать чтобы он растягивался под разную ширину экрана?

Share this post


Link to post
Share on other sites

в стилях слайдера пропиши ширину 100%

боле точнее при адресе на пациента

Share this post


Link to post
Share on other sites

в стилях слайдера пропиши ширину 100%

боле точнее при адресе на пациента

Спасибо. Написал в лс

Share this post


Link to post
Share on other sites

в стилях слайдера пропиши ширину 100%

боле точнее при адресе на пациента

Вроде прописано #slideshow width:100% . А картинка не растягивается

Share this post


Link to post
Share on other sites

Туда б еще кнопку старт и пауза.

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

И добавить buttons.

Это что Вы имеете ввиду?

Share this post


Link to post
Share on other sites

в стилях слайдера пропиши ширину 100%

боле точнее при адресе на пациента

Вроде прописано #slideshow width:100% . А картинка не растягивается

Он и растянут под ширину контейнера! Попробуйте абсолютное позиционирование, а ширина картинки в админке задается, нужно в самом модуле копать.

Share this post


Link to post
Share on other sites

Может это поможет http://www.opencart.com/index.php?route=extension/extension/info&extension_id=7067&filter_search=nivo&page=2 вот еще неплохой слайдер http://www.opencart.com/index.php?route=extension/extension/info&extension_id=10421&filter_search=nivo там его можно переделать под резиновый

  • +1 2

Share this post


Link to post
Share on other sites

Привет! Установлен Ниво слайдер. Как сделать чтобы он растягивался под разную ширину экрана?

 

Решили задачу? а то у меня такая же необходимость, ни как не найду как решить.

Share this post


Link to post
Share on other sites

Решили задачу? а то у меня такая же необходимость, ни как не найду как решить.

Попробуй отсюда http://seo-cheats.blogspot.ru/2013/02/opencart.html . Мне помогло. Там архив битый. Можно взять  jquery.flexslider-min.js отсюда http://freeams.ru/lessons/lessons-code/kak-sdelat-adaptivnyiy-rezinovyiy-slayder-izobrazheniy-s-pomoshhyu-jquery-i-css3.html

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 klaos27
      OCDbanner: Баннеры | Слайдеры | Видео - многофункциональный модуль для вывода баннеров, слайдеров и показа видеороликов на вашем сайте. 
       
      Ver.3 доступна пока только для oc2.3 и oc2.1
       
      Основные настройки для баннеров в группе:
      1) Вывод названия группы
      2) Три режима отображения
         - Сетка Bootstrap (1, 2, 3, 4 или 6 баннеров в ряду)
         - Карусель (автопрокрутка, навигация, лимит баннеров в видимой части карусели на разных разрешениях экрана (неограниченное количество разрешенией), расстояние между баннерами для различных разрешений)
         - Произвольная сетка (настраиваемое расстояние между баннерами)
      3) Размеры изображений
      4) Статус группы
       
      При режимах отображения группы "Сетка Bootstrap" и "Произвольная сетка" для каждого баннера можно выбрать один из трех типов:
      1) Изображение
      2) Видео
      3) Слайдер
       
      При режиме отображения группы "Карусель" для каждого баннера можно выбрать один из двух типов:
      1) Изображение
      2) Видео
       
      Абсолютно любому баннеру можно указать статус включено/отключено.
       
      Мультиязычные настройки для типа баннера "Изображение":
      1) Изображение.
      2) Эффект при наведении на изображение (12 эффектов). 
      3) Заголовок (поддержка html-кода). Также будет использоваться как title изображения.
      4) Alt для изображения.
      5) Статус заголовка.
      6) Позиция для заголовка (перед изображением, после изображения, в теле изображения).
      7) Выравнивание заголовка (по левому краю, по правому краю, по центру).
      8) Ссылка.
      9) Указывает ли ссылка на видеоролик (YouTube или Vimeo).
      10) Ссылки открываются в текущем или новом окне. Отдельно для видеороликов предусмотрен показ в модальном окне.
      11) Статус описания баннера.
      12) Описание (поддержка html-кода + при необходимости можно включить визуальный редактор).
      13) Порядок сортировки.
       
      Мультиязычные настройки для типа баннера "Видео":
      1) Выбор видеохостинга (YouTube или Vimeo).
      2) ID видео. Для показа видеоролика необходимо ввести в поле только его ID.
      3) Заголовок для видео.
      4) Статус заголовка.
      5) Позиция для заголовка (перед или после видеоролика).
      6) Выравнивание заголовка (по левому краю, по правому краю, по центру).
      7) Порядок сортировки.
       
      Мультиязычные настройки для типа баннера "Слайдер":
      1) Статус слайдера.
      2) Изображение.
      3) Заголовок (поддержка html-кода). Также будет использоваться как title изображения.
      4) Alt для изображения.
      5) Статус заголовка.
      6) Выравнивание заголовка (по левому краю, по правому краю, по центру).
      7) Ссылка.
      8) Указывает ли ссылка на видеоролик (YouTube или Vimeo).
      9) Ссылки открываются в текущем или новом окне. Отдельно для видеороликов предусмотрен показ в модальном окне.
      10) Статус описания баннера
      11) Описание (поддержка html-кода + при необходимости можно включить визуальный редактор)
      12) Порядок сортировки.
       
      Уровни доступа:
      1) Показ баннеров для разных магазинов
      2) Показ баннеров для разных групп покупателей
      3) Показ баннеров для разных категорий
       
      При необходимости внесения изменений в стилевое оформление модуля предусмотрена вкладка "CSS". Если поле на данной вкладке заполнено, то подключается дополнительный файл стилей, соответствующий данному модулю.
       
      К каждому модулю можно подключить пользовательский шаблон, тем самым при обновлении ммодуля не потеряются какие-либо сделанные изменения.

      Не перезаписывает системных файлов движка
      Не использует VQmod
      Не использует OCMOD
      Не использует ioncube
       
      Демо модуля:
      1) Сетка Bootstrap
      2) Карусель
      3) Произвольная сетка
      4) Слайдер
       
      Административная часть: http://demo.oc-day.com/admin/index.php?route=extension/module/ocdbanner
      Логин: demo
      Пароль: demo

      Установка
      1) Загрузить ocdbanner.ver3.ocmod.zip через Дополнения / Установка дополнений (Extensions / Extension Installer)
      2) Перейти в Система/Группы пользователей и для администратора установить права доступа (в блоках "Разрешить просмотр" и "Разрешить редактировать" отметить галочкой extension/module/ocdbanner)
      3) В настройках модуля на вкладке "Доступы" обязательно отметить магазин и группу покупателей, для которых необходимо показывать модуль.
      4) Вывести созданный модуль на необходимой странице.
       
      Обновление
      1) Загрузить ocdbanner.ver3.ocmod.zip через Дополнения / Установка дополнений (Extensions / Extension Installer)
      2) Зайти в модуль(и) и пересохранить настройки. Это позволит к каждому созданному модулю прописать свой идентификатор
      3) Если используется карусель, то в настройках необходимо прописать расстояние между баннерами для каждого разрешения.
       
      Внимание!
      В виду того что невозможно достоверно определить построение произвольной сетки пользователем, настройка стилей для эффектов с 5 по 12 носит индивидуальный характер.
      Данную настройку покупатель может осуществить собственными силами или при покупке модуля отметить соответствующую опцию.

      Лицензия!
      1) Данный модуль реализуется по принципу: одна лицензия - один домен.
      2) Запрещена перепродажа модуля без согласия автора.
      3) Запрещена передача модуля третьим лицам, распространение и публикация от своего имени без получения разрешения автора модуля.
       
      Для получения новой версии модуля оправьте на e-mail: support@oc-day.com или посредством личных сообщений следующую информацию:
      1) Номер заказа. 
      2) Ваш e-mail, на который будут высланы архив с файлами модуля.
      3) Адрес сайта, на котором будет установлен модуль. 
      4) Версию движка/сборки. 
      Архив с файлами модуля будет выслан только для указанной версии движка/сборки!!!
    • By klaos27
      700.00 руб
      Скачать/Купить дополнение


      OCDbanner: Баннеры | Слайдеры | Видео
      OCDbanner: Баннеры | Слайдеры | Видео - многофункциональный модуль для вывода баннеров, слайдеров и показа видеороликов на вашем сайте. 
       
      Ver.3 доступна пока только для oc2.3 и oc2.1
       
      Основные настройки для баннеров в группе:
      1) Вывод названия группы
      2) Три режима отображения
         - Сетка Bootstrap (1, 2, 3, 4 или 6 баннеров в ряду)
         - Карусель (автопрокрутка, навигация, лимит баннеров в видимой части карусели на разных разрешениях экрана (неограниченное количество разрешенией), расстояние между баннерами для различных разрешений)
         - Произвольная сетка (настраиваемое расстояние между баннерами)
      3) Размеры изображений
      4) Статус группы
       
      При режимах отображения группы "Сетка Bootstrap" и "Произвольная сетка" для каждого баннера можно выбрать один из трех типов:
      1) Изображение
      2) Видео
      3) Слайдер
       
      При режиме отображения группы "Карусель" для каждого баннера можно выбрать один из двух типов:
      1) Изображение
      2) Видео
       
      Абсолютно любому баннеру можно указать статус включено/отключено.
       
      Мультиязычные настройки для типа баннера "Изображение":
      1) Изображение.
      2) Эффект при наведении на изображение (12 эффектов). 
      3) Заголовок (поддержка html-кода). Также будет использоваться как title изображения.
      4) Alt для изображения.
      5) Статус заголовка.
      6) Позиция для заголовка (перед изображением, после изображения, в теле изображения).
      7) Выравнивание заголовка (по левому краю, по правому краю, по центру).
      8) Ссылка.
      9) Указывает ли ссылка на видеоролик (YouTube или Vimeo).
      10) Ссылки открываются в текущем или новом окне. Отдельно для видеороликов предусмотрен показ в модальном окне.
      11) Статус описания баннера.
      12) Описание (поддержка html-кода + при необходимости можно включить визуальный редактор).
      13) Порядок сортировки.
       
      Мультиязычные настройки для типа баннера "Видео":
      1) Выбор видеохостинга (YouTube или Vimeo).
      2) ID видео. Для показа видеоролика необходимо ввести в поле только его ID.
      3) Заголовок для видео.
      4) Статус заголовка.
      5) Позиция для заголовка (перед или после видеоролика).
      6) Выравнивание заголовка (по левому краю, по правому краю, по центру).
      7) Порядок сортировки.
       
      Мультиязычные настройки для типа баннера "Слайдер":
      1) Статус слайдера.
      2) Изображение.
      3) Заголовок (поддержка html-кода). Также будет использоваться как title изображения.
      4) Alt для изображения.
      5) Статус заголовка.
      6) Выравнивание заголовка (по левому краю, по правому краю, по центру).
      7) Ссылка.
      8) Указывает ли ссылка на видеоролик (YouTube или Vimeo).
      9) Ссылки открываются в текущем или новом окне. Отдельно для видеороликов предусмотрен показ в модальном окне.
      10) Статус описания баннера
      11) Описание (поддержка html-кода + при необходимости можно включить визуальный редактор)
      12) Порядок сортировки.
       
      Уровни доступа:
      1) Показ баннеров для разных магазинов
      2) Показ баннеров для разных групп покупателей
      3) Показ баннеров для разных категорий
       
      При необходимости внесения изменений в стилевое оформление модуля предусмотрена вкладка "CSS". Если поле на данной вкладке заполнено, то подключается дополнительный файл стилей, соответствующий данному модулю.
       
      К каждому модулю можно подключить пользовательский шаблон, тем самым при обновлении ммодуля не потеряются какие-либо сделанные изменения.

      Не перезаписывает системных файлов движка
      Не использует VQmod
      Не использует OCMOD
      Не использует ioncube
       
      Демо модуля:
      1) Сетка Bootstrap
      2) Карусель
      3) Произвольная сетка
      4) Слайдер
       
      Административная часть: http://demo.oc-day.com/admin/index.php?route=extension/module/ocdbanner
      Логин: demo
      Пароль: demo

      Установка
      1) Загрузить ocdbanner.ver3.ocmod.zip через Дополнения / Установка дополнений (Extensions / Extension Installer)
      2) Перейти в Система/Группы пользователей и для администратора установить права доступа (в блоках "Разрешить просмотр" и "Разрешить редактировать" отметить галочкой extension/module/ocdbanner)
      3) В настройках модуля на вкладке "Доступы" обязательно отметить магазин и группу покупателей, для которых необходимо показывать модуль.
      4) Вывести созданный модуль на необходимой странице.
       
      Обновление
      1) Загрузить ocdbanner.ver3.ocmod.zip через Дополнения / Установка дополнений (Extensions / Extension Installer)
      2) Зайти в модуль(и) и пересохранить настройки. Это позволит к каждому созданному модулю прописать свой идентификатор
      3) Если используется карусель, то в настройках необходимо прописать расстояние между баннерами для каждого разрешения.
       
      Внимание!
      В виду того что невозможно достоверно определить построение произвольной сетки пользователем, настройка стилей для эффектов с 5 по 12 носит индивидуальный характер.
      Данную настройку покупатель может осуществить собственными силами или при покупке модуля отметить соответствующую опцию.

      Лицензия!
      1) Данный модуль реализуется по принципу: одна лицензия - один домен.
      2) Запрещена перепродажа модуля без согласия автора.
      3) Запрещена передача модуля третьим лицам, распространение и публикация от своего имени без получения разрешения автора модуля.
       
      Для получения новой версии модуля оправьте на e-mail: support@oc-day.com или посредством личных сообщений следующую информацию:
      1) Номер заказа. 
      2) Ваш e-mail, на который будут высланы архив с файлами модуля.
      3) Адрес сайта, на котором будет установлен модуль. 
      4) Версию движка/сборки. 
      Архив с файлами модуля будет выслан только для указанной версии движка/сборки!!!
      Добавил klaos27 Добавлено 15.10.2017 Категория Слайдшоу, баннеры, галереи Системные требования Сайт разработчика Старая цена Метод активации Автоматическая активация Ioncube Loader Нет OpenCart 3.0
      2.3
      2.1 ocStore 2.3
      2.1 OpenCart.Pro, ocShop Не проверялось Обращение к серверу разработчика  
    • By AsterumS
      Подскажите пожалуйста,было 3 слайдера,с на каждом по 3 эффекта с разным интервалом времени. С одного слайдера когда менял англ. слова на русские слетели координаты на кнопке по которым она выплывала перед этим,теперь не могу понять как вернуть всё в исходный вариант. На первом скрине нормально плавает
       
      а вот здесь сломана

    • By TramplinStudio
      400.00 руб
      Скачать/Купить дополнение


      TS Banner MultiPosition
      Banner MultiPosition v1.0 by Tramplin Studio - это модификатор который расширяет возможности стандартных баннеров в OpenCart. Он дополняет настройки баннеров рядом возможностей, которые позволяют добиться очень высокой гибкости при размещении баннеров на страницах вашего интернет-магазина. Изменения затрагивают как настройки самих баннеров, так и непосредственно модули: баннеры, карусель и слайдеры.
       
      Этот модификатор может стать для вас одним из самых важных инструментов внутреннего маркетинга на сайте! Вы сможете не только повлиять на продажи интернет-магазина, но и повысит качество СЕО за счет грамотной перелинковки баннеров.
       
      Показывайте баннер только там, где он действительно нужен!
      Модификатор позволяет управлять отображением баннера практически на любых страницах сайта благодаря своей мульти-вариантности. Отображение одного и того же баннера может быть настроено опционально для любых страниц из списков: товаров, категорий, производителей, статей и страниц внутреннего поиска в магазине. Это не только обеспечивает очень высокую гибкость, но так же позволяет снизить количество однотипных модулей баннеров, каруселей и слайдеров.
      Один и тот же баннер или группа баннеров могут быть одновременно и у некоторых отдельных товаров, и у какой-нибудь из категорий, в то же время у конкретного производителя, в статье, и так далее. Никаких ограничений! Проявляйте смекалку и создавайте сложные маркетинговые переплетения всего за несколько минут!
       
      Крутите баннеры по внутренним поисковым запросам и тегам!
      Особо полезными для вас станут возможности отображения баннеров на страницах поиска по ключевым словам. Вы сможете показывать нужный баннер по конкретному поисковому запросу! Изучите внутренние поисковые запросы интернет-магазина с помощью сервиса Яндекс.Метрика или Google Analitics и используйте эти ключи в настройках баннеров. Так же можете собрать ключевые слова по которым находят ваш сайт в поисковике с помощью сервиса Яндекс.WordStat. Зачастую, для внутренних поисковых запросов на сайте, пользователи используют те же ключевые слова что и в поиске Яндекса, Гугла и других. Вы можете использовать ключевые слова, при вводе которых внутренний поиск не выдает результатов. Это позволит не потерять потенциально заинтересованного покупателя и перенаправить его с помощью баннера на аналогичную продукцию, доступную в каталоге магазина.
      Кроме поисковых запросов, вы так же можете использовать теги (не путайте с мета-тегами), которые прежде указывали при создании или редактировании товаров. Сюда так же относятся и теги указанные в некоторых новостных (например популярный NewsBlog) и других подобных модулях.
      Для настройки поисковых запросов и тегов реализована возможность аналогичная той, что используется при выборке в базе данных MySQL с применением оператора LIKE, когда используется символ % для определения позиции искомой фразы в строке.
       
      Коротко о настройке:
      Шаг 1) Перейдите в "Дизайн -> Баннеры", загрузите несколько баннеров и настройте мульти-позиции; Шаг 2) Перейдите в "Модули -> Модули -> Баннеры/Карусель/Слайдер" и создайте модуль, в настройках отметьте где следует учитывать мульти-позиций; Шаг 3) Перейдите в "Дизайн -> Макеты" и добавьте настроенный модуль сразу во всех макетах где могут отобразиться баннеры. Для отображения в производителях, вам так же потребуется создать новый макет, в настройках которого нужно указать путь: "product/manufacturer_info".
       
      Примеры написания ключевых фраз и тегов:
      "поисковая фраза" - точное соответствие; "поисковая фраза%" - ключевые слова в начале строки; "%поисковая фраза" - ключевые слова в конце строки; "%поисковая фраза%" - ключевые слова внутри строки. Допускается использование следующих дополнительных символов: пробел, точка, минус, плюс, восклицательный знак и знак вопроса.

      Инструкция по установке:
      Панель администратора -> Модули -> Установка расширений Просто загрузите архив с модулем Обновите кеш модификаторов Добавьте группе пользователей "Администратор" права доступа к модулю Если вы пропустите пункт 4, то во время включения модуля могут не создаться необходимые для работы поля в таблице базы данных и модуль будет работать не корректно.
       
      Файлы не перезаписываются!
      Используется OCMod!

      Смотреть DEMO
      Смотреть DEMO админки (логин: demo, пароль: demo)

      Если у вас возникли вопросы или предложения по улучшению работы модуля, вы можете с нами связаться:
      Сайт: http://tramplin-studio.store/
      E-mail: info@tramplin-studio.store
      Добавил TramplinStudio Добавлено 05.03.2019 Категория Слайдшоу, баннеры, галереи Системные требования Сайт разработчика http://tramplin-studio.store Старая цена Метод активации Без активации Ioncube Loader Нет OpenCart 3.0
      2.3
      2.2
      2.1
      2.0 ocStore 3.0
      2.3
      2.2
      2.1 OpenCart.Pro, ocShop Обращение к серверу разработчика Нет  
    • By TramplinStudio
      Banner MultiPosition v1.0 by Tramplin Studio - это модификатор который расширяет возможности стандартных баннеров в OpenCart. Он дополняет настройки баннеров рядом возможностей, которые позволяют добиться очень высокой гибкости при размещении баннеров на страницах вашего интернет-магазина. Изменения затрагивают как настройки самих баннеров, так и непосредственно модули: баннеры, карусель и слайдеры.
       
      Этот модификатор может стать для вас одним из самых важных инструментов внутреннего маркетинга на сайте! Вы сможете не только повлиять на продажи интернет-магазина, но и повысит качество СЕО за счет грамотной перелинковки баннеров.
       
      Показывайте баннер только там, где он действительно нужен!
      Модификатор позволяет управлять отображением баннера практически на любых страницах сайта благодаря своей мульти-вариантности. Отображение одного и того же баннера может быть настроено опционально для любых страниц из списков: товаров, категорий, производителей, статей и страниц внутреннего поиска в магазине. Это не только обеспечивает очень высокую гибкость, но так же позволяет снизить количество однотипных модулей баннеров, каруселей и слайдеров.
      Один и тот же баннер или группа баннеров могут быть одновременно и у некоторых отдельных товаров, и у какой-нибудь из категорий, в то же время у конкретного производителя, в статье, и так далее. Никаких ограничений! Проявляйте смекалку и создавайте сложные маркетинговые переплетения всего за несколько минут!
       
      Крутите баннеры по внутренним поисковым запросам и тегам!
      Особо полезными для вас станут возможности отображения баннеров на страницах поиска по ключевым словам. Вы сможете показывать нужный баннер по конкретному поисковому запросу! Изучите внутренние поисковые запросы интернет-магазина с помощью сервиса Яндекс.Метрика или Google Analitics и используйте эти ключи в настройках баннеров. Так же можете собрать ключевые слова по которым находят ваш сайт в поисковике с помощью сервиса Яндекс.WordStat. Зачастую, для внутренних поисковых запросов на сайте, пользователи используют те же ключевые слова что и в поиске Яндекса, Гугла и других. Вы можете использовать ключевые слова, при вводе которых внутренний поиск не выдает результатов. Это позволит не потерять потенциально заинтересованного покупателя и перенаправить его с помощью баннера на аналогичную продукцию, доступную в каталоге магазина.
      Кроме поисковых запросов, вы так же можете использовать теги (не путайте с мета-тегами), которые прежде указывали при создании или редактировании товаров. Сюда так же относятся и теги указанные в некоторых новостных (например популярный NewsBlog) и других подобных модулях.
      Для настройки поисковых запросов и тегов реализована возможность аналогичная той, что используется при выборке в базе данных MySQL с применением оператора LIKE, когда используется символ % для определения позиции искомой фразы в строке.
       
      Коротко о настройке:
      Шаг 1) Перейдите в "Дизайн -> Баннеры", загрузите несколько баннеров и настройте мульти-позиции; Шаг 2) Перейдите в "Модули -> Модули -> Баннеры/Карусель/Слайдер" и создайте модуль, в настройках отметьте где следует учитывать мульти-позиций; Шаг 3) Перейдите в "Дизайн -> Макеты" и добавьте настроенный модуль сразу во всех макетах где могут отобразиться баннеры. Для отображения в производителях, вам так же потребуется создать новый макет, в настройках которого нужно указать путь: "product/manufacturer_info".
       
      Примеры написания ключевых фраз и тегов:
      "поисковая фраза" - точное соответствие; "поисковая фраза%" - ключевые слова в начале строки; "%поисковая фраза" - ключевые слова в конце строки; "%поисковая фраза%" - ключевые слова внутри строки. Допускается использование следующих дополнительных символов: пробел, точка, минус, плюс, восклицательный знак и знак вопроса.

      Инструкция по установке:
      Панель администратора -> Модули -> Установка расширений Просто загрузите архив с модулем Обновите кеш модификаторов Добавьте группе пользователей "Администратор" права доступа к модулю Если вы пропустите пункт 4, то во время включения модуля могут не создаться необходимые для работы поля в таблице базы данных и модуль будет работать не корректно.
       
      Файлы не перезаписываются!
      Используется OCMod!

      Смотреть DEMO
      Смотреть DEMO админки (логин: demo, пароль: demo)

      Если у вас возникли вопросы или предложения по улучшению работы модуля, вы можете с нами связаться:
      Сайт: http://tramplin-studio.store/
      E-mail: info@tramplin-studio.store
  • 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.