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.

19 commentaires sur “Ajouter des caractéristiques dans product-list.tpl sur Prestashop 1.6”
  1. Bonjour,
    Ce tuto est fort intéressant. et c’est exactement ce que je chercha à faire mais sur un prestashop 1.7.
    N’étant pas très calé en code et avant de tout casser ;o), est ce que cela est reproductible sur un prestashop 1.7.6 ?
    Merci beaucoup.

    1. Bonjour,

      Il faudrait tester mais je pense que les variables smarty seront différentes.
      Je n’ai pas eu l’occasion de me pencher dessus sur PS 1.7

      1. Matthieu,
        Merci. et désolé pour ce post un peu rapide après lecture.
        Je n’avais pas prêté attention à celui de Webbax qui traite de la version 1.7.
        Je pense qu’avec ça j’ai ce qu’il me faut pour m’en sortir !

  2. Bonjour,

    on vend des fiches pédagogiques d’auteurs distincts et on aimerait mettre l’auteur et quelques mots de sont cv dans caractéristiques plutot qua dans description pour ne pas alourdir. mais le champ limite à 255 caractères. Savez-vous comment étendre cette possibilité ?

    1. Pour cela il faut modifier les controller de la fiche produit et/ou peut-être une modif du champ type en base de donnée.

      L’idéal pour faire cela est de gérer vos auteurs en fabricants et faire remonter le nom de l’auteur + description dans la liste produit plutôt que de gérer cela en caractéristiques.

    1. Merci pour ce retour ! 🙂

      Je pense que oui, il faut mettre une condition dans l’appel de vos caractéristiques.

      Sinon appelez les différentes caractéristiques que vous voulez à la suite :
      {if $feature.name == 'lenomdevotrecaracteristique' && $feature.name == 'lenomdevotrecaracteristique'}

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *