Bannière spécifique pour chaque catégorie, produit ou autres

[LeorLindel]

Voici les étapes qui vous permettront de mettre une bannière en en-tête de chaque catégorie, produit, fabricant ou information distincte

Dans notre cas de figure nous allons créer sur la boutique de démo située sur le portail, une bannière spécifique pour le produit "Samsung Galaxy Tab 10.1"

A - Créer votre bannière

1 - Créer vos images de bannières en les nommant du nom du produit.
2 - Créer votre bannière via Admin > Système > Conception graphique > Bannières
3 - Insérer votre nouvelle bannière (pour notre exemple, nous allons créer la bannière du produit "Samsung Galaxy Tab 10.1"
a ) Nommer votre bannière du nom du produit, cela sera donc "Samsung Galaxy Tab 10.1"
b ) Mettre le nom que vous désirez dans le titre et pour chaque langue, cela n'a pas vraiment d'importance.
c ) Insérer votre image pour l'image 1 de la bannière
d ) Renouveler l'opération si vous désirez que votre bannière contienne plusieurs images.

Votre nouvelle bannière est créée.

B - Créer votre disposition

1 - Créer une nouvelle disposition via Admin > Système > Conception graphique > Dispositions
2 - Insérer votre nouvelle disposition
3 - Pour le nom de votre disposition, mettre le nom du produit "Samsung Galaxy Tab 10.1"
a ) Récupérer l'id du produit (celle-ci se trouve dans l'url) puis mettre le chemin (product/product) suivi de l'id de l'article, dans ce cas cela sera l'id 49. Ce qui donnera donc "product/product_id=49"
b ) Sauvegarder

Votre nouvelle disposition est créée.

C - Apparenter votre nouvelle disposition à votre produit.

1 - Se rendre dans la fiche produit via Admin > Catalogue > Produit > Samsung Galaxy Tab 10.1 > [Onglet] Design
a ) Appliquer la nouvelle disposition à votre produit en choisissant celle-là dans la liste déroulante
b ) Sauvegarder.

Votre produit est apparenté à la nouvelle disposition.

D - Appliquer la bannière à votre produit.

1 - Se rendre dans les modules via Admin > Extensions > Modules > Bannières
2 - Ajouter un module via le bouton
3 - Dans la liste déroulante des modules, ajouter votre nouveau module "Samsung Galaxy Tab 10.1"
4 - Remplir les dimensions
5 - Appliquer votre nouvelle disposition "Samsung Galaxy Tab 10.1"
6 - Choisir l'emplacement dans la liste déroulante, dans ce cas ce sera "En-tête"
7 - État [Activé] et Classement [1]
8 - Sauvegarder

Votre bannière est apparentée à votre produit.

Voir le résultat sur le site de démo du portail.

Vous pouvez appliquer ce tuto pour toutes les fiches (catégories, produits, fabricants ou informations)