Everything you'd want to know before you install.
A detailed look at how Category Banner for PrestaShop 8 & 9 works, why we built it the way we did, and the thinking behind the features above.
Place a banner exactly where you want it in the product grid
PrestaShop offers no native option to insert visual content in the middle of a listing. DataFirefly Category Banner fills that gap: in the back office you pick the target category, the product number the banner follows, and the artwork to use for each language. The banner appears in the grid at the requested position and at the size you choose: one product cell, two columns over two rows, or the full width of the listing.
A 1 × 1, 2 × 2 or full row banner
Each banner has its own size: 1 to 4 columns or the full row, and 1 to 3 rows on CSS grid listings. The following products fill the space left free, with no hole in the grid. In fill mode the image covers the whole area and takes the height of the neighbouring products; in proportions mode it keeps its original format. On a two-column screen, a four-column banner switches to the full row automatically.
Schedule your campaigns in advance
Every banner accepts a start date and an end date. Prepare your sales, Black Friday or holiday artwork weeks ahead: it appears and disappears on its own, with nothing to do on the day. A banner without dates stays visible permanently, and the active switch lets you suspend one without deleting it.
One banner for a whole category tree
The subcategory option saves you from recreating the same banner in every aisle. Set on a parent category, the banner shows in that category and in all of its subcategories, at any depth. Resolution relies on PrestaShop's native nested tree, so it costs no extra query per page.
Multilingual, multistore, no hole in the grid
You configure artwork and alt text per language. When a language has not received its own image, the module displays the one from the shop's default language rather than hiding the banner. In multistore, each banner is associated with the shops you select from the form, through a real association table.
Works with Creative Elements, AJAX filters and infinite scroll
The module does not depend on the classes of a given theme: it finds the products of the listing through their markers (data-id-product, product-miniature) and works out the grid from them, whether it comes from the Classic theme, Creative Elements or a custom CSS grid theme. After a faceted filter, a sort, a page change, a load more button or infinite scroll, the banners are put back at the right positions. A banner at position 4 always lands after the fourth product displayed, and a position beyond the number of products on the page is skipped. For a truly unusual theme, a settings field accepts the CSS selector of the grid.
Light, and no image loss on update
CSS and JavaScript are loaded on category pages only, and only when the current category has at least one active banner. The banner markup is rendered server side by a Smarty template; the JavaScript only inserts it at the right place, with no jQuery and no third-party library. Uploaded images are stored in /img/datafireflycategorybanner/, outside the module folder, which keeps them through updates. Their dimensions are written in the HTML to avoid any layout shift on load.
There are no reviews yet.