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

Баннеры в категории, среди товаров

vlkombat ★★★★★ 10 reviews 305 завантажень 14,063 06/20/2022

Що можна обрати замість

Роблять те саме — можна поставити замість.
Promo banners in categories and manufacturers
Promo Banners in Categories and Manufacturers
Place promotional banners directly among products on category pages and manufacturer product pages. Inform customers about promotions, new arrivals, seasonal collections, and special offers while they browse your catalog.
Banners are added to the product listing without reducing the number of products displayed per page. Banner management is available directly when editing a category or manufacturer, without modifying the template code.
Two Banner Types
Product card banner — occupies a single product grid cell.
Full-width banner — spans the entire width of the product listing area.
For each banner, you can choose its position: at the beginning of the list, after a specific product, after a specific row, or at the end.
Positioning after a row automatically takes into account the number of columns displayed on the current screen.
Separate Display Settings for Desktop and Mobile Devices
Banners can be displayed on all devices, only on desktops and tablets, or only on mobile devices.
To use different images, aspect ratios, or positions, create separate banners and select the appropriate devices.
For example, you can display a wide horizontal banner on desktop screens and a compact vertical banner on smartphones. Each banner will have its own positioning and display settings.
Catalog Display Mode Support
Banners can be displayed in grid view, list view, or both modes.
This allows you to use different banners depending on the catalog layout.
Banners for Different Pagination Pages
Configure separate promotional offers for the first, second, and subsequent catalog pages.
For each banner, you can specify individual page numbers or ranges, such as 1,3-5.
Banner positions are calculated independently within each pagination page.
If a page does not contain enough products or rows to reach the specified position, the banner will not be displayed.
Multilingual Support
Add separate banners for each store language.
Images, titles / ALT text, and links are configured according to the language version currently viewed by the customer.
Additional Features
Multiple banners per category or manufacturer.
Enable or disable individual banners.
Set banner display start and end dates.
Configure sorting order for banners with the same position.
Use banners with or without links.
Optionally add the rel="nofollow" attribute to links.
Configure image dimensions.
Choose between scaling the entire image to fit the available area or filling the area by cropping the edges.
Compatibility
OpenCart 3.x
ocStore 3.x
Theme Compatibility
The base version is compatible with the standard default theme.
Other themes may require additional adaptation.
Themes that include a Price List display mode require adaptation.
Theme adaptation is a paid service.
Installation Instructions
For a new installation, execute the SQL script from promo_banners_in_categories_and_manufacturers_v_3_0_install.sql, making sure to use your store's database table prefix.
Upload promo_banners_in_categories_and_manufacturers_v_3_0_oc3.ocmod.zip via Extensions → Installer.
Refresh modifications and clear the theme cache.
Open the category or manufacturer editing page and navigate to the Promo Banners tab.
Add banners, configure their display conditions, and save your changes.
License
The license is valid for one domain and all its subdomains.
DEMO
Admin Page login/password: demo/demodemo Store Page Important!
Adaptations developed for version 2.0 are not compatible with this version!

Updated

Promo banners in categories and manufacturers

900 грн
Придбати
3.2 Ioncube Loader: Ні
Sales paused Продаж призупинено адміністрацією форуму.
OpenCart3.0, 2.3, 2.1, 1.5.6.4, 1.5.6.3, 1.5.6.2, 1.5.6.1, 1.5.6
ocStore2.3
License type На один домен
Activation method Без активации
Ioncube LoaderНі
Get request to server of developerНі
Downloads305
Submitted08/12/2018
Updated06/20/2022
File Size56.02 kB
When buying from 2 to 5 discount -30% $7
When buying more 6 discount -50% $5

User Feedback

Модуль позволяет:

  • Вывести среди товаров баннеры с произвольным расположением в сетке - после n-го товара
  • Баннеры можно вывести среди товаров на всю ширину, или часть ширины страницы, разместив рядом произвольное число товаров. 
  • Вывести слайдер, или одиночное изображение на странице категории
  • Можно задать свои CSS классы и оформить в таблице стилей
  • Есть поддержка многоязычности

Внимание! Модуль в процессе обновления. Смотрите версию 3.0. Эта версия пока доступна для Opencart 3 (есть особенности установки см. ниже), 2.3 и 1.5, скоро будет доступна для опенкарт 2.1

Установка

Стандартно, через ocmod. В процессе установки в БД добавляется таблица "category_images".

 

Панель управления (admin/)

Версия 3 (актуально. Ниже будут скриншоты из предыдущих версий)

 

/monthly_2021_08/banner-image-category.jpg.68ec034ef2a84844be6d5568a1074364.jpg" rel="">banner-image-category.thumb.jpg.d8236a4db3a90dd99aacd759a4c14b3f.jpg

 

Для каждого баннера можно задать заголовок, описание, ссылку, размеры, CSS классы. 

В поле "После товара" - задается порядковый номер товара на странице, после которого будет отображаться баннер.

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

После одного товара можно добавить только один баннер. До первого товара может быть добавлено сколько угодно баннеров (вначале будут выведены баннеры в порядке сортировки, затем товары).

Начиная с версии 2:

Баннером может быть как отдельное изображение, так и заранее подготовленные баннеры в "Дизайн->Баннеры"

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

Для каждого баннера можно указать страницы для вывода

 

Пользовательская часть (catalog/)

Модификации подвергаются: модель, контроллер и шаблон категории. 

Изменения в контроллер и шаблон (особенно шаблон) рекомендую вносить вручную, для большей гибкости.

К тому же, если в контроллере какие-либо проблемы связанные с конфликтом модификаторов, или ошибки маловероятны, то в шаблоне может быть множество других изменений (скорее всего есть), а соответственно возможна некорректная модификация.

Модификатор проверен с использованием стандартного шаблона - все работает.

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

В блоке товара так же есть небольшие изменения - если на месте товара выведен баннер, то скрываются стандартные кнопки и при наличии ссылки появляется "подробнее". Если ссылка не задана - она обирается с заголовка и изображения.

Собственных таблиц стилей модификатор не содержит (что бы не ухудшить скорость загрузки страницы).

 

По модификации блока товара в шаблоне категории. Сразу после

<?php foreach ($products as $product) { ?>

добавляется проверка - товар это, или баннер. Чуть выше пагинации проверка заканчивается. Для поиска используется вот такой способ:

 <search><![CDATA[<?php echo $pagination; ?>]]></search>
      <add position="before" offset="3">

В стандартном шаблоне место вставки выглядит так:

provend.png.21a318d886e40585d1358ee8002622f5.png

Если у вас есть несовпадение, можно получить или ошибку 500, или съехавшую верстку. 

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

 

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

 

ОСОБЕННОСТИ для 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 {.......}

ОСОБЕННОСТИ для Opencart 3

Для третьего опенкарта отличается порядок установки.

1. Устанавливаем через установщик

2. Идем в: расширения - модули - Banners in category products, устанавливаем. Кроме установки делать ничего не нужно, пока это сделано только для добавления таблицы в базу, возможно позже появится функционал.

 

 

DEMO

Пример категории, с баннером среди товаров, а так же слайдшоу вверху

Панель управления

Логин/пароль: demo/demo

 

ОПИСАНИЕ БУДЕТ ДОПОЛНЕНО

Прошлые версии:

1:

/monthly_2018_08/in_admin_3.jpg.3251169fb491991da76d71fcf61c7674.jpg" rel="">in_admin_3.jpg

2:

/monthly_2019_01/httpm_banner_cat_prod_2b.png.a4f186506d6bb3b32d2365504962bce7.png" rel="">httpm_banner_cat_prod_2b.png

 

/monthly_2018_08/adm_5.jpg.6d827a2c42d48c2f632dcf02814e7592.jpg" rel="">adm_5.jpg

Характеристики

License type На один домен
Activation method Без активации
Ioncube LoaderНі
В продажеДа
OpenCart3.0, 2.3, 2.1, 1.5.6.4, 1.5.6.3, 1.5.6.2, 1.5.6.1, 1.5.6
ocStore2.3
OpenCart.Pro, ocShopНе проверялось
Get request to server of developerНі
If the developer server is unavailableДополнение работает
СкидкаNo
Template compatibleСо стандартным точно совместимо, с остальными - редко. Есть одна частая проблема (почти у всех) с совместимостью, правится за пару минут.. в описании есть. Исправление - или самостоятельно, или помогу бесплатно. Что касается более сложных случаев - платно.
AdaptationПлатная
Версія3.2
File Size56.02 kB
Submitted08/12/2018
Updated06/20/2022
  • +1 5

  • Recently Browsing   0 members

    • No registered users viewing this page.
Guest
×
  • 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.