--- title: "Thèmes : toutes vos pages personnalisables au même endroit" description: "La liste des pages de votre site que vous personnalisez dans l'éditeur, avec leur aperçu, leur état de publication et leur dernière modification." url: https://docs.vivlab.com/sections/branding --- # Thèmes La page Thèmes, juste sous les [Pages](https://docs.vivlab.com/sections/pages.md) dans le menu **Site web**, liste toutes les pages de votre site que vous personnalisez dans l'éditeur en dehors de vos pages vitrines : l'identité de votre marque, les pages du blog et de la boutique, les étapes du paiement, la connexion des clients et les pages introuvables. Cliquez sur une ligne pour ouvrir sa page dans l'éditeur. ## Que voulez-vous faire ? - [Trouver une page](#trouver-une-page) - [Savoir si une page est personnalisée et en ligne](#lire-l-etat-d-une-page) - [Modifier une page](#modifier-une-page) - [Changer le logo, les couleurs ou les polices](#changer-l-identite-de-tout-le-site) - Plus de situations : [Site web, cas pratiques](https://docs.vivlab.com/guides/website.md) ## Les pages de la liste {#les-pages-de-la-liste} Chaque ligne porte le nom de la page. Les pages sont rangées par groupe, dans l'ordre où un visiteur les rencontre : | Groupe | Pages | | --------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | Général | [Logo, couleurs et polices](https://docs.vivlab.com/sections/themes-brands.md) | | Site | [Page protégée par mot de passe](https://docs.vivlab.com/sections/themes-protected.md), [Bandeau cookies](https://docs.vivlab.com/sections/themes-cookies.md), Page introuvable (404) | | Blog | [Liste des articles du blog](https://docs.vivlab.com/sections/blogs-themes-list.md), [Page d'un article](https://docs.vivlab.com/sections/blogs-themes-article.md), Article introuvable (404) | | E-commerce | [Page d'une catégorie](https://docs.vivlab.com/sections/themes-categories.md), [Fiche produit](https://docs.vivlab.com/sections/themes-products.md), [Message de boutique fermée](https://docs.vivlab.com/sections/themes-shop-closed.md), [Formulaire de rétractation](https://docs.vivlab.com/sections/themes-withdrawal.md), Catégorie introuvable (404), Produit introuvable (404) | | Paiement | [Choix de livraison, Paiement de la commande, Confirmation de commande](https://docs.vivlab.com/sections/themes-checkout.md) | | Comptes clients | [Connexion des clients, Espace personnel des clients](https://docs.vivlab.com/sections/themes-accounts.md) | Les quatre lignes « … introuvable (404) » ouvrent la même page, les [Pages introuvables](https://docs.vivlab.com/sections/themes-not-found.md), chacune avec l'aperçu de son cas. Les groupes **E-commerce**, **Paiement** et **Comptes clients** n'apparaissent qu'avec une boutique. Vos pages vitrines (accueil, contact, à propos…) ne figurent pas ici : elles se modifient depuis les [Pages](https://docs.vivlab.com/sections/pages.md). ## Trouver une page - **Onglets** : au-dessus de la liste, un onglet par groupe filtre les lignes ; le nombre de pages de chaque groupe s'affiche à côté. - **Recherche** : tapez le nom de la page, son groupe ou son adresse sur votre site, par exemple « produit » ou « /checkout ». - **Badge et adresse** : sous le nom, un badge de couleur rappelle le groupe, suivi de l'adresse de la page sur votre site (« … » remplace la partie qui change d'un produit ou d'un article à l'autre). - **Aperçu** : la vignette montre la page telle qu'elle s'affiche. Survolez-la pour l'agrandir ; un clic sur l'aperçu agrandi ouvre aussi la page dans l'éditeur. - **Présentation** : à votre première visite, une courte vidéo présente la page ; le bouton **Voir la présentation**, en haut, la relance. ## Savoir si une page est personnalisée et en ligne {#lire-l-etat-d-une-page} La colonne **État** affiche deux badges : - **Publié** ou **Non publié** : si votre mise en page de cette page est en ligne. Sous le badge, la date de publication (survolez-la pour la date exacte). - **Personnalisée** ou **Par défaut** : si vos visiteurs voient la page que vous avez composée dans l'éditeur, ou encore la page d'origine de Vivlab. **Dernière modification** indique quand vous avez modifié la page pour la dernière fois dans l'éditeur, publiée ou non. La ligne **Logo, couleurs et polices** n'a pas d'état : ses réglages s'appliquent dès que vous les enregistrez. Sur mobile, la liste se réduit au nom : le badge **Personnalisée** ou **Par défaut** s'affiche à côté du groupe. ## Modifier une page Cliquez sur sa ligne : la page s'ouvre dans l'éditeur, avec son aperçu sur ordinateur et sur mobile. Modifiez-la, puis cliquez sur **Publier la mise en page**. Le bouton de retour de l'éditeur ramène à cette liste. Chaque page a ses éléments propres (le formulaire de connexion, la grille de produits, les boutons du bandeau cookies…) que vous placez et stylez comme des blocs classiques. Avant de publier, Vivlab vérifie que les éléments indispensables sont présents sur ordinateur et sur mobile, pour qu'aucun visiteur ne reste bloqué ; dans **Éléments**, le badge **À ajouter** signale ceux qui manquent. Tant que votre mise en page n'est pas publiée, vos visiteurs voient la page d'origine. ## Changer l'identité de tout le site {#changer-l-identite-de-tout-le-site} La ligne **Logo, couleurs et polices** ouvre l'[identité de votre marque](https://docs.vivlab.com/sections/themes-brands.md) : logos, favicon, couleur d'accent, palette, polices, boutons et curseur, partagés par toutes les pages. ## Bon à savoir - Les pages du blog, de la boutique, de connexion et introuvables s'affichent dans l'aperçu telles que vos visiteurs les voient. - Les étapes du paiement, l'espace personnel des clients, la page protégée, le bandeau cookies et la boutique fermée n'existent qu'avec un panier, un client connecté ou une situation précise : leur aperçu montre votre mise en page avec des données d'exemple. Tant que vous n'avez ni produit ni article, la fiche produit et la page d'article montrent des données d'exemple une fois personnalisées ; sinon, leur vignette indique « Rien à afficher pour l'instant ».