Afficher le fournisseur et la marque dans PrestaShop

Billet technique aujourd’hui tourné vers l’intégration et l’utilisation de PrestaShop. La question : comment afficher le logo du fournisseur / supplier et de la marque / manufacturer dans PrestaShop ?

Pourquoi afficher les logos marques & fournisseur ?

Il arrive pour certains projets e-commerce de devoir afficher le logo de la marque notamment pour l’alimentation bio ou le high tech. Rappelez-vous l’impact des marques quand vous étiez à l’école et que vous vouliez le même t-shirt « Adidas » que les autres. Bref, les marques ont un impact considérable dans l’acte d’achat, aussi il est conseillé dans certains domaine de les mettre en avant.

How to : afficher le logo marque dans PrestaShop sur la fiche produit

Mon ami Webbax nous a déjà pondu un bien bel article dans son blog relatant l’insertion du logo de la marque dans PrestaShop : http://goo.gl/moKUz
Aussi, pour faire un peu plus simple, on peut ne vouloir seulement afficher que le logo sans lien ni rien d’autre.
Ouvrez le fichier « product.tpl » situé dans votre répertoire « themes/votre_theme ».
Il faut se placer juste après le bout de code suivant (ou ailleurs si vous le souhaitez) :

quantity > 0}class="hidden"{/if} action="{$link->getPageLink('cart.php')}" method="post">

Et insérer le code suivant :

<p id="logomarque">{if $product->id_manufacturer != 0}
<img src="{$img_ps_dir}/m/{$product_manufacturer->id}-medium.jpg" alt="" width="80px" height="80px" />
{/if}</p>

How to : afficher le logo fournisseur dans PrestaShop sur la fiche produit

C’est très simple et similaire au point précédent mais je n’ai pas vu sur les forums ou autre le moyen de le faire donc je le publie.
Ouvrez le fichier « product.tpl » situé dans votre répertoire « themes/votre_theme ».
Il faut se placer juste après le bout de code suivant (ou ailleurs si vous le souhaitez) :

quantity > 0}class="hidden"{/if} action="{$link->getPageLink('cart.php')}" method="post">

Et insérer le code suivant :

<p id="logofournisseur">{if $product->id_supplier != 0}
<img src="{$img_ps_dir}/su/{$product->id_supplier}-medium.jpg" alt="" width="80px" height="80px" />
{/if}</p>

Le résultat devrait être après ajout des deux logos marque / fournisseur :

Il ne vous reste plus qu’à ajouter un peu de style CSS pour mettre en forme et le tour est joué.

Au-delà de l’affichage des logos marques et fournisseurs, on peut aussi l’utiliser pour afficher un logo type comme AB (Agriculture Biologique) dans l’alimentaire et bien d’autres utilisations encore 🙂