Prestashop 1.7 afficher sous-categories : guide ultime 2025 !

1. Comment afficher l’image d’une catégorie sur sa propre page dans PrestaShop 1.7 ?

Par défaut, PrestaShop 1.7 affiche l’image de la catégorie en haut de la page. Pour cela, il faut avoir ajouté une image dans Catalogue > Catégories > Modifier, puis section "Image de catégorie". Le thème Classic l’affiche automatiquement si le code n’a pas été modifié.

Si vous utilisez un thème personnalisé, vérifiez que le fichier category.tpl contient bien l’appel à {if $category.image}. En l’absence de cette condition, aucune image ne sera visible. Il est aussi recommandé de vérifier que l’image est bien enregistrée et que les permissions du dossier /img/c/ sont correctes.

2. Pourquoi l’image de ma catégorie ne s’affiche-t-elle pas sur la page ?

Plusieurs raisons peuvent expliquer ce bug : l’image n’est pas envoyée ou elle est mal enregistrée, le cache n’a pas été vidé, ou le template du thème a été modifié. Il est aussi possible que la miniature n’ait pas été régénérée correctement après l’upload.

Vérifiez que l’image est bien visible dans l’administration. Ensuite, allez dans Apparence > Image et régénérez les miniatures associées aux catégories. Assurez-vous aussi que le code de la page catégorie affiche bien l’image avec un chemin correct, en utilisant la variable $category.image.

3. Où ajouter une image à une catégorie dans PrestaShop 1.7 ?

Allez dans Catalogue > Catégories, cliquez sur une catégorie, puis ajoutez une image dans la section "Image". Vous pouvez y déposer un fichier PNG ou JPG. Cette image sera utilisée sur la page de la catégorie et dans certains modules ou blocs si le thème le permet.

Il est également possible d’ajouter une "Image miniature" si votre thème la prend en charge (souvent utilisée pour afficher les sous-catégories). Assurez-vous de respecter les dimensions recommandées pour éviter les déformations ou les problèmes d’affichage.

4. Peut-on afficher l’image de la catégorie dans la page d’accueil ?

Oui, via des modules comme "Featured Categories", "Home Category Block" ou un constructeur de page comme Creative Elements, vous pouvez sélectionner des catégories spécifiques à afficher sur la page d’accueil avec leurs images.

Cela permet de mettre en avant certaines gammes de produits directement sur la page d’entrée de votre boutique. Vous pouvez afficher ces blocs sous forme de grille ou de carrousel, avec des titres, descriptions et liens personnalisés. Cela aide à orienter rapidement les visiteurs vers les segments clés de votre offre.

5. Comment afficher les images des sous-catégories sur la page d’une catégorie parente ?

Dans PrestaShop 1.7, cette fonctionnalité est activée par défaut dans le thème Classic si les sous-catégories ont une image. Chaque sous-catégorie est affichée avec son image, son nom, et parfois le nombre de produits qu’elle contient.

Si rien ne s’affiche, vérifiez que vos sous-catégories ont bien des images, qu’elles sont activées, et que le fichier category.tpl contient la boucle appropriée. Vous pouvez personnaliser cette section pour modifier la taille des vignettes ou ajouter des effets CSS au survol.

6. Comment changer la taille des images de catégorie dans PrestaShop 1.7 ?

Rendez-vous dans Apparence > Images, puis modifiez les dimensions associées au type d’image "category_default" (ou équivalent selon votre thème). Après avoir modifié la taille, vous devez régénérer les miniatures pour que les nouvelles dimensions soient appliquées.

Cette opération permet d’ajuster l’affichage aux besoins de votre thème (par exemple, passer de petites icônes à de grandes bannières). Attention à ne pas trop augmenter la taille pour ne pas ralentir le chargement de la page, surtout sur mobile.

7. Peut-on ajouter un lien sur l’image de catégorie affichée ?

Oui, dans la plupart des cas, l’image est déjà contenue dans une balise <a href="...">. Si ce n’est pas le cas, vous pouvez modifier category.tpl pour envelopper l’image de la catégorie avec un lien vers sa propre page ou une autre URL de votre choix.

Cette technique est utile sur la page d’accueil ou dans un menu visuel. Vous pouvez aussi ajouter des liens vers des promotions spécifiques ou des pages CMS. L’essentiel est de maintenir une bonne ergonomie et de ne pas perturber la navigation du visiteur.

8. L’image de la catégorie peut-elle être utilisée comme bannière ?

Oui, il est tout à fait possible de styliser l’image principale de la catégorie pour en faire une bannière en haut de page. Pour cela, vous pouvez ajouter des classes CSS spécifiques dans le fichier category.tpl et styliser via votre fichier custom.css.

Cette technique donne un rendu plus dynamique et marketing à vos pages. Vous pouvez également superposer du texte, un bouton, ou une promotion sur la bannière. Cela crée une ambiance visuelle forte et contribue à mettre en valeur les univers produits de votre boutique.

9. Peut-on afficher les images des catégories dans un menu déroulant ?

Oui, certains modules comme Mega Menu permettent d’afficher les images des catégories ou sous-catégories directement dans un menu déroulant. Cela enrichit l’expérience utilisateur avec une navigation visuelle et intuitive.

Chaque catégorie peut être affichée avec une icône ou une miniature, ce qui est particulièrement utile pour les boutiques avec des gammes diversifiées. Vous pouvez configurer ces images dans le module ou via les champs classiques de la fiche catégorie. Ce type de menu améliore à la fois l’esthétique et l’efficacité de navigation.

10. Comment réparer une image de catégorie qui ne s’affiche plus après une mise à jour ?

Après une mise à jour, les images peuvent ne plus s’afficher si le thème a été remplacé, les chemins d’image modifiés ou si le cache n’a pas été vidé. Commencez par vider le cache (dans Paramètres avancés > Performances), puis vérifiez que le fichier category.tpl contient encore la logique d’affichage.

Assurez-vous aussi que les images existent physiquement dans /img/c/, que les permissions sont correctes, et que le type d’image n’a pas été supprimé accidentellement. Si besoin, régénérez les miniatures et testez avec le thème Classic pour isoler le problème.