Vous pouvez configurer votre thème et donc l’affichage de votre front-office de plusieurs manières.
Mise en page
Sur la page Thème et logo, en dessous de vos thèmes, cliquez sur le bouton “Choisir la mise en page”. Vous arrivez sur une page qui liste des “types de pages” (exemples : page produit, page catégorie, panier, etc.). Pour chaque type de page, vous choisissez une mise en page par défaut.
À quoi ça sert ?
Ce menu sert à définir la structure utilisée par défaut pour chaque type de page de votre boutique, selon ce que votre thème propose. Concrètement, c’est là que vous décidez si une page s’affiche en pleine largeur, avec 1 colonne latérale, ou 2 colonnes latérales.
Comment l’utiliser
Pour chaque page, vous pouvez choisir une disposition parmi celles-ci :
- Pleine largeur - aucune colonne
- 3 colonnes - 1 colonne centrale et 2 colonnes latérales
- 2 colonnes, petite colonne à gauche
-
2 colonnes, petite colonne à droite
À noter
- Cela change la présence et la disposition des colonnes (gauche/droite) selon les pages, et donc l’espace disponible pour le contenu et les blocs/modules.
- Cela ne “reconstruit” pas le thème : si votre thème ne propose pas certaines structures, elles n’apparaîtront pas.
Pages configuration
Dans Apparence >Thème & Logo, le sous-menu “Pages configuration” (parfois traduit “Personnalisation des pages”) sert à organiser et modifier les modules affichés sur certaines pages clés du front-office.
À quoi ça sert ?
Ce menu permet de personnaliser :
- la page d’accueil
- la page catégorie
- la page produit
L’idée n’est pas de “dessiner” la page, mais de choisir quels modules (blocs) s’affichent dans quelles zones.
Comment l’utiliser
- Allez dans Apparence > Thème & Logo > Pages configuration.
- Sélectionnez la page à modifier (Accueil, Catégorie, Produit).
- Sur l’écran, vous verrez :
- à gauche, une illustration simplifiée de la page
- à droite, une vue “miroir” avec la liste des modules correspondant aux zones de la page.
- Cliquez sur la zone de la page que vous voulez modifier : PrestaShop vous indique quel(s) module(s) sont liés à cette zone.
- Cliquez sur “Configurer” pour ouvrir le module concerné, puis faites vos réglages (contenu, affichage, etc.).
À noter
- Cette option fonctionne avec le thème par défaut et les modules natifs. Si vous avez un thème custom, il est possible que ce menu soit limité ou moins pertinent.
- Si le module Theme Customization est désactivé, ces pages peuvent ne pas être accessibles (ou ne rien afficher), car elles en dépendent.
- Vous pouvez aussi voir les différents modules de votre thème dans le gestionnaire de modules, sous la catégorie “Theme modules”
Personnalisation avancée
Si vous avez le background technique nécessaire, cette option vous permet d’aller plus loin que les réglages classiques du thème (logo, couleurs, mise en page). Elle répond aux besoins sur-mesure, comme modifier plus en profondeur l’apparence ou le fonctionnement visuel de certaines pages.
Attention : Cette option peut demander l’intervention d’un prestataire (développeur ou agence), car les changements sont plus techniques et peuvent sérieusement impacter votre boutique.
| ⚠️ Pour personnaliser les couleurs de certains thèmes, il faudra modifier directement le CSS de votre boutique. Pour en savoir plus, consultez l'article Personnaliser le CSS de son site. |
Avant de vous lancer, n’oubliez pas de :
- Mettre votre boutique en maintenance
- Visualiser vos changements au fil de l’eau en cliquant sur “voir ma boutique”
- Tester vos modification en préproduction
Pour en savoir plus sur comment ajouter ou changer de thème, consultez les articles Ajouter un thème et Changer de thème.