08 Août 2017

Ajouter des caractéristiques dans product-list.tpl sur Prestashop 1.6

Les caractéristiques de vos produits sont souvent une source d’information importante pour vos clients. Il peut y avoir LE détail qui va déclencher l’achat. Je vous explique comment ajouter des caractéristiques sur vos pages catégories et accueil (product-list.tpl) de votre Prestashop.

Etude de cas : Tote The Bag

Voilà l’exemple type. Ce site est spécialisé dans le sac en coton et propose différentes tailles pour ses produits.
Il y a 2 tailles pour les sacs et jusqu’à 4 tailles pour les t-shirts.

Chaque produit dispose d’une déclinaison de taille à choisir par le client.
J’ai fais remonter l’information des différentes tailles grâce à une caractéristique.

afficher-caracteristiques-produt-list-prestashop

L’avantage pour le client ?
S’il cherche un produit particulier, il ne perd pas de temps à rentrer sur le produit pour voir les informations.
Le nombre de clics est donc diminué dans sa navigation sur le site.

Ajouter des caractéristiques dans product-list.tpl

Dans votre product-list.tpl choisissez ou vous voulez placer les caractéristiques (en général au-dessus du titre produit).

Insérez :

{if isset($product.features)}
<div class="features">
{foreach from=$product.features item=feature}
<div>
{$feature.name}: <span>{$feature.value}</span>
</div>
{/foreach}
</div>
{/if}

Prestashop va donc afficher toutes les caractéristiques rattachées à ce produit.
Si vous en avez sélectionné 20, la liste risque d’être longues…

On va rajouter une condition smarty pour afficher une seule caractéristique dans votre product-list :

{foreach from=$product.features item=feature}
{if $feature.name == 'lenomdevotrecaracteristique'}
<div class="featsize">
<span>{$feature.value}</span>
</div>
{/if}
{/foreach}

Remplacez juste ‘lenomdevotrecaracteristique’ par le nom exact inscrit dans votre Prestashop.