Comment placer une bannière dans la grid de produits dans PrestaShop ?

Le code s'affichera à la place de la cinquième boîte de produit.

Explication du code ci-dessus

• Vous pouvez étendre la condition {if} pour limiter l'affichage de la bannière ici, avec plus de paramètres, par exemple en ne listant que les produits d'une catégorie :

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

• Les éléments <li> et <div> sont responsables de l'affichage de la boîte du produit dans la plupart des modèles. En incluant une bannière dans l'élément responsable de la boîte de produit, vous pouvez vous assurer que la bannière que vous insérez à l'intérieur aura la même taille et se comportera de la même manière que les autres boîtes de produit dans la liste de produits. Cet élément peut être ostilisé avec votre propre code CSS pour obtenir l'effet visuel souhaité.
  
  Si votre modèle utilise un élément différent pour couvrir la boîte de produit, utilisez l'élément de votre modèle ! Pour vérifier quel élément est responsable de la boîte à produits, allez dans votre boutique. Cliquez sur F12 pour ouvrir les outils de développement ou cliquez avec le bouton droit de la souris sur la boîte à produits et sélectionnez "Enquêter". Dans la fenêtre des outils de développement, parcourez le code pour trouver le code de la boîte à produits :

• L'élément Hook est responsable de l'affichage des bannières créées dans le module PShowAdverts. Si vous n'avez pas de module de bannière, vous pouvez coder un lien direct vers le graphique de votre bannière à la place de l'élément Hook, par ex :

{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}

Dans l'exemple ci-dessus, la bannière est insérée "en dur" et ne vous permettra pas d'obtenir l'effet de curseur qui peut être modifié dans le panneau d'administration, mais il s'agit d'une solution entièrement gratuite qui introduira un nouveau format de communication avec les clients de votre boutique. Si vous souhaitez modifier l'image affichée, il vous suffit de changer le fichier correspondant sur le FTP.

Gestion pratique des bannières dans le panneau de la boutique

Dans l'exemple ci-dessus, nous avons inséré le crochet h='PShowAdvertsGetAdverts' id_advert='17' à la place de la bannière. Il affichera le curseur, configuré dans le module Banner Manager, avec ID=17, qui se compose de deux graphiques :

L'affichage de Hook est géré par le module Banner Manager. Il s'agit d'un module permettant de gérer facilement les bannières dans votre boutique PrestaShop. Dans le module, vous pouvez créer un nombre illimité de bannières, que vous pouvez placer n'importe où dans la boutique. Le module prend en charge de nombreux formats intéressants, fournit des statistiques sur les impressions et les clics, et Hooks n'est qu'un des formulaires qui facilitent la gestion des emplacements d'affichage des bannières dans votre boutique.