Comment afficher une caractéristique spécifique sur le listing de produits de PrestaShop ?
Dans ce tutoriel, nous allons apprendre à afficher une caractéristique spécifique sur la page catégorie de PrestaShop 8.
Dans cet exemple, j’utilise l’ID 88 pour notre caractéristique cible. Assurez-vous de remplacer cet ID par celui de la caractéristique que vous souhaitez afficher.
Prérequis pour afficher une caractéristique sur la page catégorie de PrestaShop 8
- Accès à l’administration de PrestaShop
- Accès aux fichiers par FTP de votre thème PrestaShop
- Connaissance basique de Smarty (le moteur de template utilisé par PrestaShop)
Étapes
1. Créer ou vérifier l’existence de la caractéristique
Avant de commencer, assurez-vous que la caractéristique que vous souhaitez afficher est bien existante dans votre administration PrestaShop.
- Connectez-vous au back-office de PrestaShop.
- Allez dans le menu Catalogue > Attributs & Caractéristiques.
- Allez dans Caractéristiques et sélectionnez l’ID de la caractéristique que vous voulez afficher.
(Dans mon exemple j’utilise l’id 88). Si elle n’existe pas, vous pouvez aussi la créer.
2. Assigner la caractéristique sur votre fiche produit
Vous devez maintenant assigner cette caractéristique à votre fiche produits.
- Allez dans Catalogue > Produits.
- Éditez un produit et allez dans l’onglet Détails.
- Assignez une valeur à votre caractéristique et enregistrez les modifications.
3. Modifier le template du listing de produits
Pour afficher une caractéristique sur le listing de produits, vous devez modifier le fichier de template qui gère l’affichage de la page catégorie.
- Connectez-vous à votre serveur via FTP ou utilisez le gestionnaire de fichiers de votre hébergeur.
- Allez dans le répertoire suivant :
themes/nom_du_theme/templates/catalog/_partials/miniatures/product.tpl
. - Ouvrez le fichier
product.tpl
.
4. Ajouter le code Smarty
Recherchez ce code dans le fichier product.tpl :
themes/nom_du_theme/templates/catalog/_partials/miniatures/product.tpl
Et ajoutez juste après le code suivant pour afficher le label et la valeur de la caractéristique avec l’ID 88 :
Notez que dans cet exemple, nous ciblons l’ID 88, mais vous pouvez choisir l’ID que vous voulez. Pour ce faire, connectez-vous à l’administration de PrestaShop, allez dans l’onglet Catalogue, puis dans Attributs & Caractéristiques. Choisissez l’onglet Caractéristiques et identifiez l’ID que vous souhaitez afficher sur la page catégorie.
5. Enregistrer et tester
- Enregistrez les modifications apportées au fichier
product.tpl
. - Rafraîchissez la page catégorie sur votre site PrestaShop pour vérifier que la caractéristique s’affiche correctement.
Code Final
Voici le code final à insérer dans votre fichier de template :
Personnalisation CSS (Optionnel)
Pour améliorer l’apparence de votre nouvelle section, ajoutez les styles CSS suivants dans votre fichier CSS principal :
Conclusion
Et voilà ! Vous avez maintenant configuré votre boutique PrestaShop pour afficher une caractéristique spécifique sur le listing de produits. Vous pouvez personnaliser davantage le style en ajoutant des classes CSS et en modifiant votre fichier CSS.
Laisser un commentaire