Vue d'ensemble

Les paramètres Layout vous permettent de contrôler l'apparence et le comportement de la bannière de cookies sur votre boutique.

Vous pouvez personnaliser l'apparence de la fenêtre de la bannière, son positionnement, la disposition des boutons et les effets d'animation directement dans l'application.

Pour accéder à ces options, allez dans :

Settings > Banner > Layout

La configuration de la disposition fonctionne avec le paramètre Consent dialogs, qui détermine si les visiteurs voient un avis sur les cookies, une fenêtre de préférences, ou les deux à la suite.

Consent Dialogs

La première étape de la configuration de la disposition de la bannière consiste à choisir les fenêtres de consentement qui seront affichées aux visiteurs.

Les options disponibles comprennent :

1. Cookie Notice : affiche une bannière où les visiteurs peuvent accepter ou refuser rapidement les cookies.
2. Cookie Notice & Preferences : affiche d'abord un avis sur les cookies et permet aux visiteurs d'ouvrir la fenêtre des préférences pour gérer les catégories de cookies.
3. Preferences Only : affiche immédiatement la fenêtre complète des préférences, ce qui permet aux visiteurs de configurer directement les catégories de cookies.

Options de disposition de Cookie Notice

Lorsque la fenêtre Cookie Notice est activée, plusieurs options de disposition deviennent disponibles.

Ces options définissent la façon dont la bannière initiale est affichée.

Dialog Appearance

Contrôle le format visuel de l'avis sur les cookies.

Dispositions disponibles :

• Box : une fenêtre compacte qui apparaît comme une fenêtre flottante.
• Bar : une bannière horizontale affichée sur toute la largeur de la page.
• Wide : une fenêtre plus grande qui offre plus d'espace pour le contenu.

Position

Définit l'endroit de l'écran où la bannière apparaît.

Les positions disponibles dépendent de l'apparence de fenêtre sélectionnée.

Exemples :

• Center
• Top left
• Top center
• Top right
• Bottom left
• Bottom center
• Bottom right
• Middle left

Pour la disposition Bar, la bannière peut apparaître :

• Top
• Bottom

Window Size

Contrôle la taille globale de la fenêtre de la bannière.

Tailles disponibles :

• XS
• SM
• MD
• LG
• XL

Les tailles plus grandes offrent plus d'espace pour des messages plus longs, des logos et des boutons supplémentaires.

Animation (Show / Hide)

Contrôle l'animation utilisée lorsque la bannière apparaît ou disparaît.

Styles d'animation disponibles :

• Fade
• Slide
• Zoom
• Grow

Les animations rendent l'interaction avec la bannière plus fluide et plus visible.

Buttons

Définit les boutons affichés dans la fenêtre de l'avis sur les cookies.

Options disponibles :

• Accept-Decline (recommandé)
• Accept only
• Decline only
• Preferences

La configuration sélectionnée détermine les choix d'interaction offerts aux visiteurs.

Button Layout

Contrôle la façon dont les boutons sont disposés dans la bannière.

Dispositions disponibles :

• Horizontal
• Horizontal (grouped)
• Horizontal (justified)

Additional Options

Ajustements de disposition supplémentaires :

Reverse order
Inverse l'ordre des boutons.

Hide header
Masque les éléments d'en-tête de la bannière tels que :

• Le titre
• Le logo
• Le bouton de fermeture
• Le sélecteur de langue

Center align
Centre le contenu de la bannière, notamment :

• L'en-tête
• Le message
• Les boutons

Cela fonctionne mieux avec les types de fenêtre Box et Wide.

Options de disposition de la fenêtre Preferences

Lorsque la fenêtre Preferences est activée, des paramètres de disposition supplémentaires deviennent disponibles pour la fenêtre de consentement détaillée.

Dialog Appearance

Définit le style de disposition de la fenêtre des préférences.

Options disponibles :

• Box : une fenêtre flottante centrée.
• Drawer : un panneau coulissant qui apparaît par le haut ou par le bas.
• Sidepanel : un panneau qui coulisse depuis le côté gauche ou droit.

Position

La position dépend du type de fenêtre sélectionné.

Exemples :

Pour Box :

• Center
• Top left
• Top center
• Top right
• Bottom left
• Bottom center
• Bottom right

Pour Drawer :

• Top
• Bottom

Pour Sidepanel :

• Left
• Right

Buttons

Définit les boutons disponibles dans la fenêtre des préférences.

Configurations disponibles :

• Accept-Decline
• Accept only
• Decline only

Button Layout

Contrôle la façon dont les boutons d'action sont affichés.

Dispositions disponibles :

• Vertical
• Vertical (grouped)
• Horizontal
• Horizontal (grouped)
• Horizontal (justified)

Additional Options

Reverse order
Inverse l'ordre des boutons.

Require Save Preferences
Lorsque cette option est activée :

• Les boutons Accept et Decline mettent à jour les sélections des catégories
• Le consentement n'est enregistré qu'après un clic sur Save preferences

Cette option donne aux visiteurs plus de contrôle pour revoir leurs choix avant de les confirmer.

Categories & Cookies Display

Contrôle la façon dont les catégories de cookies et leurs détails apparaissent dans la fenêtre des préférences.

Options disponibles :

Show category descriptions
Affiche une courte explication sous chaque catégorie de cookies.

Show cookies list
Permet aux visiteurs de développer les catégories et de voir les cookies individuels qui y sont associés.

Use checkboxes instead of switches
Affiche les contrôles de catégorie sous forme de cases à cocher plutôt que de commutateurs.

Animation

Contrôle la façon dont la fenêtre des préférences apparaît et se ferme.

Types d'animation disponibles :

• Fade
• Slide
• Zoom
• Grow

Résumé

Les paramètres Layout vous permettent de contrôler entièrement l'apparence et le comportement des fenêtres de consentement.

Grâce à ces options, vous pouvez configurer :

• Le type de fenêtre de consentement affichée
• La position et la taille de la bannière
• La disposition des boutons et les options d'interaction
• La structure de la fenêtre des préférences
• Les animations et la présentation visuelle

Ensemble, ces paramètres permettent à la bannière de s'intégrer harmonieusement au design et à l'expérience utilisateur de votre boutique.

Mis à jour le : 02/10/2026