In PrestaShop, how to put a banner in the product grid on the product list?

The code will display in place of the 5th product box.

Explanation of the above code

• You can expand the {if} condition to limit the display of the banner here, with more parameters, such as only listing products from a particular category, for example:

{if $product@iteration == 5 && $page_name == 'category' && $product.id_category_default == 15}

• The <li> and <div> elements are responsible for displaying the product box in most templates. Embracing the banner element responsible for the product box ensures that the banner you insert inside will be the same size and behave the same as the other product boxes in the product list. You can ostylate this element with your own CSS code to achieve the desired visual effect.
  
  If your template uses a different element covering the product box, use the element from your template! To check which element is responsible for the product box go to your store. Click F12 to open the developer tools or right-click on the product box and select "Examine". In the developer tools window, review the code to find the product box code:

• The Hook element is responsible for displaying banners created in the PShowAdverts module. If you don't have a banner module - instead of Hook, you can code a direct link to your banner graphic, such as:

{if $product@iteration == 5}
<li class="carousel-item ajax_block_product col-xs-12 col-sm-6 col-md-4">.
<a href="my-link.html">
<img src=".../img/my_banner.jpg">
</a>
</li>
{/if}

In the above example, the banner is inserted "rigidly" and will not allow you to get a slider effect, which can be edited in the admin panel, but it will be a fully free solution that will introduce a new format of communication with customers to your store. If you want to change the displayed image, all you need to do is to change the corresponding FTP file.

Conveniently manage banners in the store panel

In the above example, we have inserted a hook h='PShowAdvertsGetAdverts' id_advert='17' in the place of the banner display. This will display the slider, configured in the Banner Manager module, with ID=17, which consists of two graphics:

What Hook displays is managed by the Banner Manager module. This is a module for convenient management of banners in PrestaShop store. In the module you can create any number of banners, which you can place in any places of the store. The module supports many interesting formats, provides statistics of impressions and clicks, and Hooks is just one of the forms that make it easy to manage the banner display locations in your store.