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

Как добавить класс к баннеру в слайдере?


Recommended Posts

Можно реализовать добавление классов к баннерам, которые вывожу в слайдере, чтобы у определённого слайда был класс баннера?

Пример на картинке:

Спойлер

image.thumb.png.93ba601ce8a35107ade10901f6f63fe2.png

 

Link to post
Share on other sites

Можно. Нужно довабить это поле в модели, контроллере, вьюшке и базе.

Link to post
Share on other sites

2 часа назад, SGrWr_34 сказал:

Можно. Нужно довабить это поле в модели, контроллере, вьюшке и базе.

Спасибо, разобрался)

  • +1 1
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 vlkombat
      400
      Скачать/Купить дополнение


      Баннеры произвольно среди товаров и категорий
      Модуль позволяет:
      Вывести среди товаров, и подкатегорий баннеры с произвольным расположением в сетке - после n-го товара, или подкатегории.  Баннеры можно вывести среди товаров (подкатегорий) на всю ширину, или часть ширины страницы, разместив рядом произвольное число товаров.  Вывести слайдер, или одиночное изображение на странице категории Можно задать свои CSS классы и оформить в таблице стилей Есть версия с поддержкой многоязычности Установка
      Стандартно, через ocmod. В процессе установки в БД добавляется таблица "category_images".
       
      Панель управления (admin/)
      Версия 1:
      Все баннеры добавляются в карточке категории (все русифицировано, тестовый сайт без перевода):

       
      Для каждого баннера можно задать заголовок, описание, ссылку, размеры, CSS классы. 
      В полях "После категории" и "После товара" - задается порядковый номер подкатегории/товара на странице, после которого будет отображаться баннер. Если задать отрицательное значение, баннер будет выведен в самом начале. Если оставить поле не заполненным ("0") - будет отображено либо одиночное изображение вверху, либо слайдер (зависит от количества изображений).
      После одной категории, товара можно добавить только один баннер. До категорий, товаров может быть добавлено сколько угодно баннеров (вначале будут выведены баннеры в порядке сортировки, затем товары, категории).
       
      Версия 2

       
      Только в версии 2:
      Баннером может быть как отдельное изображение, так и заранее подготовленные баннеры в "Дизайн->Баннеры"
      Если выбрать заранее подготовленные изображения, их можно отобразить или в виде слайдшоу, или показывать один из них рандомно.
      Для каждого баннера можно указать страницы для вывода
       
      Пример:

      Здесь первый баннер будет выведен вверху страницы, отдельно. Желательно задать ему размеры. Если размер не задан, будет использован полный размер изображения (как есть).
      Второй баннер будет выведен после третьего товара, с заголовком, ссылкой, описанием. Если размеры не заданы, будут использованы стандартные для товара
      Третий баннер будет выведен после третей категории в списке. Размеры изображения или произвольные, или будет использован размер изображения категории (из настроек). 
      Размеры изображений категорий отдельно задать нельзя, но можно использовать для этого заданный размер любого баннера, достаточно отметить чекбокс "+ для категорий" (+ to img category), если ничего не отмечено - используются размеры изображения категории.
       
      Пользовательская часть (catalog/)
      Модификации подвергаются: модель, контроллер и шаблон категории. 
      Изменения в контроллер и шаблон (особенно шаблон) рекомендую вносить вручную, для большей гибкости.
      К тому же, если в контроллере какие-либо проблемы связанные с конфликтом модификаторов, или ошибки маловероятны, то в шаблоне может быть множество других изменений (скорее всего есть), а соответственно возможна некорректная модификация.
      Модификатор проверен с использованием стандартного шаблона - все работает.
      В шаблоне добавляется два блока вначале, там где идет проверка на наличие подкатегорий. Баннеры можно выводить независимо от того, есть ли дочерние категории, если же для категории не указано ни одного баннера в подкатегориях, их вывод будет стандартным.
      В блоке товара так же есть небольшие изменения - если на месте товара выведен баннер, то скрываются стандартные кнопки и при наличии ссылки появляется "подробнее". Если ссылка не задана - она обирается с заголовка и изображения.
      Собственных таблиц стилей модификатор не содержит (что бы не ухудшить скорость загрузки страницы). Для более-менее корректного отображения рекомендую добавить в .css файл темы следующее:
      .cat-list .item {height: 300px;overflow: hidden;text-align: center;position: relative;background: #fff;margin-bottom: 15px;box-shadow: 0px 2px 7px #b5b5b5;     border-radius: 4px;} .cat-list .item img {position:relative;z-index: 1;} .cat-list .item .title {text-decoration: none;color: #000;font-size: 15px;} .cat-list .item .desc {position: absolute;z-index: 2;background: #f7f5f5a6;padding: 10px;left:0px;bottom:0px;width: 100%;box-sizing: border-box;} .cat-list .float .item {padding-left: 0px;text-align: center;} .cat-list .float .item .desc {background: none;position: static;text-align: right;} .cat-list .item .count {position: absolute;top: 0px;right: 0px;font-size: 14px;     background: #5a5a5a;color: #fff;height: 20px;line-height: 20px;     width: 20px;text-align: center;border-radius: 20px;} .cat-list .float .item img {float: left;margin-right: 10px;} .button-group .btp-href {background-color: #eee;color: #888;line-height: 38px;font-weight: bold;border: 0px;text-transform: uppercase;display: block;text-align: center;} Класс "float" можно использовать для широких баннеров, где слева будет изображение, справа текст.
       
      По модификации блока товара в шаблоне категории. Сразу после
      <?php foreach ($products as $product) { ?> добавляется проверка - товар это, или баннер. Чуть выше пагинации проверка заканчивается. Для поиска используется вот такой способ:
       <search><![CDATA[<?php echo $pagination; ?>]]></search>       <add position="before" offset="3"> В стандартном шаблоне место вставки выглядит так:

      Если у вас есть несовпадение, можно получить или ошибку 500, или съехавшую верстку. 
      В остальном все должно быть нормально, если что - поправимо.
       
      Начиная с версии 1.0 баннеры среди товаров можно выделять в отдельные контейнеры, куда так же можно добавлять и товары (разрыв в списке товаров). Как это работает - на видео:

      httpm_banner_cat_akcii.mp4  
      ОСОБЕННОСТИ для Opencart 1.5
       В опенкарт 1.5 скрипты на странице категории работают с '.product-list > div' и '.product-grid > div', потому для блока с баннером использовал тэг "section".
      В CSS где встречается .product-list > div и .product-grid > div нужно добавить section, что бы получилось:
      .product-list > div, .product-list > section {.......} .product-list > div + div, .product-list > section + div {.......} .product-grid > div, .product-grid > section {.......} #column-left + #column-right + #content .product-grid > div, #column-left + #column-right + #content .product-grid > section {.......}  
      DEMO
      Пример категории, с баннером среди товаров, баннерами среди категорий, а так же слайдшоу вверху
      Панель управления
      Логин/пароль: demo/demo
       
      ОПИСАНИЕ БУДЕТ ДОПОЛНЕНО
       
      Добавил vlkombat Добавлено 13.08.2018 Категория Цены, скидки, акции, подарки Системные требования Метод активации Без активации Ioncube Loader Нет OpenCart 2.3
      2.1
      1.5.6.4
      1.5.6.3
      1.5.6.2
      1.5.6.1
      1.5.6 ocStore 2.3 OpenCart.Pro, ocShop Не проверялось Обращение к серверу разработчика Нет Старая цена  
    • 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.00 руб
      Скачать/Купить дополнение


      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 Не проверялось Обращение к серверу разработчика Нет Старая цена 0  
    • By TramplinStudio
      Поддержка осуществляется в Пн-Пт с 18:00 до 20:00 по МСК!
       
      Вы уверены в эффективности элементов дизайна на вашем сайте?
      Предположения и гипотезы о качестве активных и пассивных элементов сайта строятся на основе личного опыта и взглядов разработчиков и дизайнеров, которые совсем не обязательно совпадут со взглядами посетителей вашего интернет-магазина OpenCart. Другими словами, нет гарантии что элементы на страницах интернет-магазина приведут к желаемому эффекту. Пакет модулей "AB-Test 3 в 1" будет очень полезен для проверки таких гипотез.

      AB-Test 3 в 1 v1.1 by Tramplin Studio - это набор простых, но мощных маркетинговых инструментов для повышения эффективности ваших баннеров, слайдеров, HTML текстов и любых других элементов дизайна в OpenCart, с помощью аналитического метода "АБ-тестирование". Благодаря этому пакету модулей, вы сможете лучше донести до посетителя нужную информацию, и тем самым значительно повысите конверсию вашего интернет-магазина.

      Что такое АБ-тестирование (Split test)?
      Это современный метод маркетингового исследования. Его суть заключается в том, что контрольная группа элементов сравнивается с набором тестовых групп, в которых один или несколько показателей были изменены, для того, чтобы выяснить, какие из изменений улучшают целевой показатель. Разновидностью АБ-тестирования является многовариантное тестирование, доступное в пакете модулей "AB-Test 3 в 1".


      Какие модули входят в пакет "AB-Test 3 в 1"?
      "TS AB-Test Elements" - тестирование активных и пассивных элементов дизайна на страницах вашего интернет-магазина; "TS AB-Test Banners" - тестирование баннеров, слайдеров и каруселей с неограниченным числом изображений; "TS AB-Test HTML" - тестирование HTML текстов на страницах вашего сайта.
      Какими возможностями обладают модули?

          Высокая гибкость:
      возможностью мультивариантного тестирования (до 5 тестовых групп, вместо стандартных 2-х); доступна возможность самому устанавливать вероятность показа для каждой отдельной тестовой группы с помощью ползунков на шкале вероятности; отслеживание показателей с помощью сервисов Google Analytics и Яндекс.Метрика, что позволяет проводить более глубокий анализ результатов тестирования по полу, возрасту, типам устройств, браузерам, операционным системам и другим показателям. Более подробно о каждом счетчике: счетчик Google Analytics, модуль поддерживает оба типа счетчика, как gtag, так и analytics; счетчик Яндекс.Метрики, как старой версии API v1.0, так и новой - API v2.0 (Версия 2.0 была доступна в тестовом режиме с 2016 года, но официально встала на вооружение с 06.12.2018. Если вы не знаете наверняка, то не будет лишним провести обновление счетчика или установить наш модуль аналитики "TS Yandex Metrika", который применяет последнюю версию счетчика).     Доступны 2 типа событий с тестовыми образцами, при которых цель может считаться достигнутой:
      простой клик мышью - click event; наведение курсора мыши на элемент - mouseover event.       Событие "mouseover" лишь косвенно указывает на интерес посетителя вашего интернет-магазина к элементу, так как будет содержать долю "холостых" событий, однако может быть очень полезным в некоторых случаях (например для элементов без ссылки или для форсирования АБ-тестирования). Для того чтобы снизить число холостых срабатываний, для "mouseover" доступна настройка задержки события в миллисекундах. Например, если вы хотите чтобы цель считалась достигнутой через 2 секунды после наведения на элемент курсора мыши, то укажите задержку 2000 миллисекунд. Однако, следует учитывать, что если посетитель отведет курсор от элемента раньше, то событие будет сброшено.


      Полезные советы:
      Если вы серьезно относитесь к конверсии вашего интернет-магазина и вам важно знать все о действиях посетителей, тогда другие наши модули "TS Yandex Metrika" и "TS Google Analytics" могут быть вам очень полезны! С этими модулями вы сможете передавать сервисам Яндекса и Гугла не только такие простые данные как переходы по ссылкам и клики, но и подробную информацию о посетителях сайта, данные электронной коммерции, а также настраивать цели для отслеживание конверсий, не прибегая к вмешательству в код сайта и не обладая глубокими познаниями в веб-разработке. Другой наш продукт - "TS Banner MultiPosition", может стать полезным дополнением к модулю "TS AB-Test Banners" и обычным баннерам. С ним вы сможете показывать баннеры там, где они действительно нужны. Отображение одного и того же изображения может быть настроено опционально для любых страниц из списков: товаров, категорий, производителей, статей и страниц внутреннего поиска в магазине. Создавайте сложные маркетинговые переплетения всего за несколько минут!
      -----------------------------------------------------------------------------------------------

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

      -----------------------------------------------------------------------------------------------

      Инструкция по установке:
      Перейдите в Панель администратора -> Модули -> Установка расширений; Загрузите архив с модулем для вашей версии OpenCart или ocStore;  
      Файлы не перезаписываются!

      -----------------------------------------------------------------------------------------------

      Инструкция по обновлению:
      Перейдите в Панель администратора -> Модули -> Установка расширений; Загрузите архив с обновленным модулем для вашей версии OpenCart или ocStore; Проверьте настройки модуля и пересохраните.  
      -----------------------------------------------------------------------------------------------

      Данный модуль является завершенным продуктом. Дальнейшее обновление модуля маловероятно.
       
    • By TramplinStudio
      Скачать/Купить дополнение


      TS AB-Test 3 в 1
      Поддержка осуществляется в Пн-Пт с 18:00 до 20:00 по МСК!
       
      Вы уверены в эффективности элементов дизайна на вашем сайте?
      Предположения и гипотезы о качестве активных и пассивных элементов сайта строятся на основе личного опыта и взглядов разработчиков и дизайнеров, которые совсем не обязательно совпадут со взглядами посетителей вашего интернет-магазина OpenCart. Другими словами, нет гарантии что элементы на страницах интернет-магазина приведут к желаемому эффекту. Пакет модулей "AB-Test 3 в 1" будет очень полезен для проверки таких гипотез.

      AB-Test 3 в 1 v1.1 by Tramplin Studio - это набор простых, но мощных маркетинговых инструментов для повышения эффективности ваших баннеров, слайдеров, HTML текстов и любых других элементов дизайна в OpenCart, с помощью аналитического метода "АБ-тестирование". Благодаря этому пакету модулей, вы сможете лучше донести до посетителя нужную информацию, и тем самым значительно повысите конверсию вашего интернет-магазина.

      Что такое АБ-тестирование (Split test)?
      Это современный метод маркетингового исследования. Его суть заключается в том, что контрольная группа элементов сравнивается с набором тестовых групп, в которых один или несколько показателей были изменены, для того, чтобы выяснить, какие из изменений улучшают целевой показатель. Разновидностью АБ-тестирования является многовариантное тестирование, доступное в пакете модулей "AB-Test 3 в 1".


      Какие модули входят в пакет "AB-Test 3 в 1"?
      "TS AB-Test Elements" - тестирование активных и пассивных элементов дизайна на страницах вашего интернет-магазина; "TS AB-Test Banners" - тестирование баннеров, слайдеров и каруселей с неограниченным числом изображений; "TS AB-Test HTML" - тестирование HTML текстов на страницах вашего сайта.
      Какими возможностями обладают модули?

          Высокая гибкость:
      возможностью мультивариантного тестирования (до 5 тестовых групп, вместо стандартных 2-х); доступна возможность самому устанавливать вероятность показа для каждой отдельной тестовой группы с помощью ползунков на шкале вероятности; отслеживание показателей с помощью сервисов Google Analytics и Яндекс.Метрика, что позволяет проводить более глубокий анализ результатов тестирования по полу, возрасту, типам устройств, браузерам, операционным системам и другим показателям. Более подробно о каждом счетчике: счетчик Google Analytics, модуль поддерживает оба типа счетчика, как gtag, так и analytics; счетчик Яндекс.Метрики, как старой версии API v1.0, так и новой - API v2.0 (Версия 2.0 была доступна в тестовом режиме с 2016 года, но официально встала на вооружение с 06.12.2018. Если вы не знаете наверняка, то не будет лишним провести обновление счетчика или установить наш модуль аналитики "TS Yandex Metrika", который применяет последнюю версию счетчика).     Доступны 2 типа событий с тестовыми образцами, при которых цель может считаться достигнутой:
      простой клик мышью - click event; наведение курсора мыши на элемент - mouseover event.       Событие "mouseover" лишь косвенно указывает на интерес посетителя вашего интернет-магазина к элементу, так как будет содержать долю "холостых" событий, однако может быть очень полезным в некоторых случаях (например для элементов без ссылки или для форсирования АБ-тестирования). Для того чтобы снизить число холостых срабатываний, для "mouseover" доступна настройка задержки события в миллисекундах. Например, если вы хотите чтобы цель считалась достигнутой через 2 секунды после наведения на элемент курсора мыши, то укажите задержку 2000 миллисекунд. Однако, следует учитывать, что если посетитель отведет курсор от элемента раньше, то событие будет сброшено.


      Полезные советы:
      Если вы серьезно относитесь к конверсии вашего интернет-магазина и вам важно знать все о действиях посетителей, тогда другие наши модули "TS Yandex Metrika" и "TS Google Analytics" могут быть вам очень полезны! С этими модулями вы сможете передавать сервисам Яндекса и Гугла не только такие простые данные как переходы по ссылкам и клики, но и подробную информацию о посетителях сайта, данные электронной коммерции, а также настраивать цели для отслеживание конверсий, не прибегая к вмешательству в код сайта и не обладая глубокими познаниями в веб-разработке. Другой наш продукт - "TS Banner MultiPosition", может стать полезным дополнением к модулю "TS AB-Test Banners" и обычным баннерам. С ним вы сможете показывать баннеры там, где они действительно нужны. Отображение одного и того же изображения может быть настроено опционально для любых страниц из списков: товаров, категорий, производителей, статей и страниц внутреннего поиска в магазине. Создавайте сложные маркетинговые переплетения всего за несколько минут!
      -----------------------------------------------------------------------------------------------

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

      -----------------------------------------------------------------------------------------------

      Инструкция по установке:
      Перейдите в Панель администратора -> Модули -> Установка расширений; Загрузите архив с модулем для вашей версии OpenCart или ocStore;  
      Файлы не перезаписываются!

      -----------------------------------------------------------------------------------------------

      Инструкция по обновлению:
      Перейдите в Панель администратора -> Модули -> Установка расширений; Загрузите архив с обновленным модулем для вашей версии OpenCart или ocStore; Проверьте настройки модуля и пересохраните.  
      -----------------------------------------------------------------------------------------------

      Данный модуль является завершенным продуктом. Дальнейшее обновление модуля маловероятно.
       
      Добавил TramplinStudio Добавлено 11.07.2019 Категория Меню, дизайн, внешний вид Системные требования Метод активации Без активации 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 Обращение к серверу разработчика Нет Старая цена 0  
  • 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.