Sections partagées et sections des pages système
Cet article présente les sections que vous pouvez ajouter à tout type de page, ainsi que les sections fixes incluses avec chaque page système. Pour savoir comment ajouter et organiser les sections, consultez Sections et blocs.
Sections que vous pouvez ajouter à n'importe quelle page
Celles-ci apparaissent dans le sélecteur Ajouter sur chaque type de page.
Texte
Une section de texte indépendante pour un titre ou un paragraphe. Jusqu'à 3 par page. Les paramètres de typographie complets sont détaillés dans Composants de mise en page.
Image
Une section image indépendante. Jusqu'à 3 par page. Configurez la largeur (ajuster, remplir ou pourcentage personnalisé), l'alignement, le ratio d'aspect (auto, portrait, carré ou paysage), l'ajustement (couvrir ou contenir), le rayon de bordure, la marge intérieure et un lien cliquable en option.
Séparateur
Une ligne de séparation. Jusqu'à 10 par page. Réglez l'épaisseur, la longueur (en pourcentage du conteneur), le style des extrémités, l'alignement, le jeu de couleurs, la largeur (ajuster ou remplir) et la marge intérieure. Voir Composants de mise en page.
Icônes de réseaux sociaux
Une rangée indépendante d'icônes de plateformes sociales (une par page). Apparence : Icônes (contrôle total de la forme et de la palette) ou Apps (chaque plateforme sous forme de cercle coloré à sa marque). Mode : En ligne (dans le flux de la page) ou Fixe (ancré au bord gauche ou droit de l'écran, toujours visible lors du défilement), avec option de retour en mode en ligne sur mobile. Plateformes prises en charge : Facebook, Instagram, Threads, X, TikTok, Snapchat, YouTube, LinkedIn, Pinterest, Tumblr, WhatsApp et Telegram, chacune saisie comme nom d'utilisateur (WhatsApp comme numéro de téléphone). Paramètres : taille des icônes (12 à 64 px), espacement (0 à 48 px), alignement, forme (aucune, cercle, arrondi, carré), style de remplissage (plein ou contour), taille du conteneur (26 à 80 px), palette (couleurs de marque, mono ou couleur hex personnalisée), et effet au survol (aucun, marque, zoom, élévation, opacité).
Code personnalisé
Une section pour du code HTML, CSS et JavaScript brut (jusqu'à 5000 caractères chacun, maximum 2 par page). Votre HTML s'affiche dans un conteneur unique, votre CSS est automatiquement limité à ce conteneur pour ne pas affecter les autres sections, et votre JavaScript s'exécute dans un espace isolé avec le conteneur passé en paramètre, chargé après que la page soit prête. Utile pour les widgets et intégrations tiers.
FAQ
Un accordéon de questions/réponses. Disponible sur les pages accueil et produit. Définissez le jeu de couleurs, la largeur (page ou pleine largeur) et la marge intérieure.
Sections des pages système
Chaque page système comprend une section obligatoire qui définit sa fonction principale. Ces sections ne peuvent pas être supprimées, seulement configurées, mais vous pouvez toujours ajouter des sections Texte, Image, Séparateur et autres sections universelles autour d'elles.
- Produits de la collection (page collection) : la grille de produits d'une collection. Réglez les colonnes bureau, colonnes mobile (1 ou 2), l'espacement, la largeur, le jeu de couleurs et la mise en page des fiches produit.
- Produits de la recherche (page recherche) : la grille de résultats, avec les mêmes contrôles de grille et de fiche produit que pour les produits de la collection.
- Contact (page contact) : un formulaire avec champs nom, e-mail, sujet et message. Définissez l'espacement entre les champs, le libellé du bouton d'envoi et son style (primaire ou secondaire). Vous pouvez placer des blocs Texte et Groupe autour du formulaire.
- Panier (page panier) : le panier d'achat avec les articles, totaux et accès au paiement.
- Paiement (page paiement) : le processus de paiement avec les champs client et paiement.
- Confirmation de commande (page de remerciement) : le récapitulatif après achat affichant les détails de la commande, les informations client, les totaux et les modes de livraison et de paiement choisis.
- Politique (page politique) : affiche le contenu de votre page légale (titre et corps). Vous rédigez le texte de la politique dans les paramètres de la boutique ; cette section gère uniquement son apparence.
- 404 (page 404) : la section page introuvable, avec un titre, un texte descriptif et un bouton de retour à la page d'accueil.
Pour les sections des pages d'accueil, produit et landing, consultez Sections de la page d'accueil et Sections des pages produit et landing. Pour l'en-tête, le pied de page et la barre d'annonce, voir Sections globales.