Jour 20 – PrestaShop : Apparence et affichage de la page d’accueil
Cet article fait partie d’une série de 30 exercices quotidiens pour réviser l’épreuve E5B (Relation client à distance et digitalisation) du BTS NDRC – session 2026.
Chaque jour, tu travailles sur un sujet concret, construit à partir des attendus réels de l’épreuve : un rappel de cours, un cas pratique et une correction détaillée.
Tu peux t’entraîner directement sur notre plateforme BTS NDRC Studalya WEB ou depuis n’importe quelle autre plateforme.
Compétences du jour :
Dans cet exercice, tu travailles les compétences suivantes issues de la circulaire BTS NDRC 2026 :
- Modifier la position d’affichage des blocs sur la page d’accueil
- Modifier la position d’affichage des produits populaires
- Configurer la durée d’affichage des nouveaux produits
- Gérer la liste de liens (link widgets) du pied de page
Tu peux retrouver l’ensemble des compétences mobilisables sur la circulaire 2026 du BTS NDRC.
Dans cet article
📚 Rappel de cours
La page d’accueil PrestaShop est organisée en blocs dont la position est gérée via le gestionnaire de hooks (positions de modules). Chaque module peut être déplacé vers le haut ou le bas de la page. Les produits populaires (bestsellers) peuvent être mis en avant via leur module dédié. Les nouveaux produits ont une durée d’affichage paramétrable (en jours). Les link widgets du pied de page permettent d’organiser les liens en colonnes.
Erreurs classiques :
- confondre la position du module (ordre dans la page) et son emplacement (hook)
- modifier la position sans enregistrer
- laisser des link widgets avec des liens génériques non adaptés à l’entreprise.
🎯 SUJET DU JOUR — Jour 20 / 30
🏢 Contexte entreprise
Tu utilise notre plateforme BTS NDRC Studalya WEB :
Tu travailles pour Sucré’ative, une confiserie artisanale spécialisée dans la création de bonbons personnalisés.
Tu trouveras plus d’informations sur l’univers de la marque ici : Sucré’ative
ℹ️ Pense à d’abord te familiariser avec l’environnement Sucré’ative si ça n’est pas déjà en regardant comment sont construits les sites WordPress et PrestaShop.
L’objectif de Sucré’ative est aujourd’hui de développer sa présence en ligne pour toucher davantage une clientèle B2B (entreprises, événements, agences).
L’entreprise souhaite réorganiser sa page d’accueil pour mettre les produits populaires en première position, configurer les nouveaux produits et structurer le pied de page.
Ta mission : réorganiser sa page d’accueil
Tu n’utilise pas Studalya WEB :
Tu travailles pour Harmonia Instruments, une entreprise spécialisée dans la vente d’instruments de musique pour les particuliers et les professionnels.
L’entreprise propose :
- guitares, pianos, batteries
- accessoires et équipements
- services d’accompagnement pour musiciens
Jusqu’à présent, Harmonia était principalement positionnée sur une clientèle B2C.
Aujourd’hui, elle souhaite se développer sur un marché B2B : écoles de musique, studios, associations, événements.
La page d’accueil doit être réorganisée pour les écoles, avec les produits bestsellers bien visibles et un pied de page structuré.
Ta mission : réorganiser sa page d’accueil
ℹ️ Ce contexte sera utilisé tout au long des 30 jours de révision.
📝 Travail demandé
Question 1
Accède au gestionnaire de positions des modules et modifie l’ordre des blocs sur la page d’accueil pour que les produits populaires apparaissent avant les autres blocs produits.
🧠 Méthode
Apparence > Positions. Trouver le hook (point d’accroche) « displayhome » ou « accueil ». Déplacer le module des produits populaires vers le haut.
💡 Indice :
Dans PrestaShop 9, la gestion des positions est dans le menu Apparence > Positions.
Question 2
Configure le module des produits populaires pour afficher les 4 bestsellers de la boutique.
🧠 Méthode
Modules > Gestionnaire de modules > rechercher « Populaires » ou « Bestsellers » > Configurer. Définir le nombre de produits à afficher.
💡 Indice :
Les produits populaires sont déterminés automatiquement par PrestaShop en fonction des ventes, s’il n’y a pas encore de ventes, la section peut apparaître vide.
Question 3
Configure la durée d’affichage des nouveaux produits à 30 jours.
🧠 Méthode
Modules > Nouveaux produits ou Catalogue > Produits > Paramètres > Durée pendant laquelle un produit est considéré comme nouveau.
💡 Indice :
Dans PrestaShop 9, ce paramètre peut être dans les Préférences des produits ou dans le module Nouveaux produits.
Question 4
Modifie les link widgets du pied de page pour créer 2 colonnes de liens pertinents pour l’entreprise (ex : « Nos produits » et « Informations »).
🧠 Méthode
Apparence > Listes de liens > Configurer. Modifier les colonnes existantes ou en créer de nouvelles avec des liens vers les pages du site.
💡 Indice :
Les link widgets sont les colonnes de liens en bas de page. Chaque widget = une colonne. Ajouter des liens vers des pages existantes du site (Contact, CGV, À propos…).
Question 5
Vérifie en frontoffice que la page d’accueil affiche bien les blocs dans le bon ordre et que le pied de page contient les bonnes colonnes de liens.
🧠 Méthode
Aller sur la page d’accueil en frontoffice, vérifier la position des blocs, puis descendre jusqu’au pied de page.
💡 Indice :
Si l’ordre des blocs n’a pas changé, le cache du navigateur peut masquer les modifications — faire Ctrl+F5 pour forcer le rechargement.
✅ CORRECTION
Question 1
Apparence > Positions. Chercher dans la liste des hooks le hook « displayHome » ou équivalent. Dans la liste des modules associés à ce hook, trouver le module « Produits populaires » ou « Bestsellers ». Utiliser les flèches ou le glisser-déposer pour le remonter en haut de liste. Enregistrer.
❌ erreurs fréquentes :
modifier la position dans le mauvais hook (ex : chercher dans displayTop au lieu de displayHome).
Question 2
Modules > Gestionnaire > rechercher « bestseller » ou « populaires » > Configurer. Nombre de produits à afficher : 4. Enregistrer.
❌ erreurs fréquentes :
chercher le module et ne pas cliquer sur Configurer mais sur Désactiver par erreur.
Question 3
Paramètres de boutique > Produits > « Nombre de jours pendant lequel le produit est considéré comme nouveau » > saisir 30. Enregistrer. Si cette option n’est pas dans les préférences : chercher dans le module « Nouveaux produits » > Configurer > Délai.
❌ erreurs fréquentes :
saisir 30 sans enregistrer / confondre avec le nombre de produits à afficher.
Question 4
Apparence > Liste de liens > Configurer. Modifier le titre de la première colonne (ex : « Nos produits ») et ajouter des liens vers les catégories. Créer ou modifier une deuxième colonne (ex : « Informations ») et ajouter des liens vers Contact, CGV, À propos. Enregistrer.
❌ erreurs fréquentes :
ajouter des liens vers des URLs externes au lieu de pages du site / laisser des liens par défaut non pertinents.
Question 5
Aller sur la page d’accueil en frontoffice (Ctrl+F5 pour vider le cache). Vérifier visuellement l’ordre des blocs. Descendre en bas de page et vérifier que les 2 colonnes de liens sont présentes et que les liens fonctionnent.
❌ erreurs fréquentes :
ne pas tester les liens du pied de page pour vérifier qu’ils pointent vers les bonnes pages.
🔁 Demain — Jour 21
WordPress : Modérer les commentaires et gérer la confidentialité
— L’équipe Studalya