03GéNéRAL

Hero découverte

Cette page explique le comportement réel de « Hero découverte », les données dont il dépend et l’effet de ses réglages.

À QUOI CELA SERT

Hero découverte

Cette page explique le comportement réel de « Hero découverte », les données dont il dépend et l’effet de ses réglages.

Présente dans les modèles

index.jsonpage.find-your-routine.jsonpage.ingredient-library.jsonpage.our-philosophy.jsonpage.our-story.jsonpage.skin-concerns.jsonproduct.unsellable-product.json

COMPORTEMENTS IMPLICITES

Ce que le thème fait automatiquement

Cette section affiche uniquement les éléments disposant de contenu. Les éléments laissés vides sont ignorés afin de préserver la mise en page.

CONFIGURATION

Comprendre les réglages

Contenu

Renseignez les textes principaux du hero.

Sur-titreeyebrow

Titreheading

Textetext

Bouton d’action

Définissez le libellé, la destination et le style du bouton.

Texte du boutonbutton_label

Lien du boutonbutton_link

Style du boutonbutton_style

Par défaut : primary · Choix : Principal, Secondaire

Galerie et accessibilité

Nommez la galerie pour les technologies d’assistance et choisissez sa largeur.

Description accessible de la galeriegallery_label

Largeurwidth

Par défaut : contained · Choix : Contenue, Pleine largeur

Mise en page

Réglez la position et les dimensions de la galerie selon l’appareil.

Position des images sur ordinateurdesktop_media_position

Par défaut : right · Choix : Images à droite, contenu à gauche, Images à gauche, contenu à droite

Hauteur des images sur ordinateurvisual_height

Par défaut : 600 · Plage : 420–1500px

Hauteur des images sur mobilevisual_height_mobile

Par défaut : 400 · Plage : 300–1500px

Style des images

Ajustez l’écart et les angles des visuels.

Espacement entre les imagesimage_gap

Par défaut : 14 · Plage : 6–32px

Arrondi des imagesimage_radius

Par défaut : 22 · Plage : 0–40px

Couleurs

Activez des couleurs propres à cette section si elle doit se distinguer des réglages globaux.

Utiliser des couleurs personnaliséesuse_custom_colors

Si cette option reste désactivée, la section utilise les couleurs globales du thème.

Par défaut : désactivé

Arrière-planbackground_color

Par défaut : #f0ece8

Texteforeground_color

Par défaut : #171717

Espacement

Ajustez l’espace au-dessus et au-dessous de la section.

Marge supérieurepadding_top

Par défaut : 72 · Plage : 0–140px

Marge inférieurepadding_bottom

Par défaut : 72 · Plage : 0–140px

Palette de la section

Applique une palette cohérente au fond, au texte et aux boutons de cette section.

Apparence de la section

Utiliser une palette dédiéeopaline_use_color_scheme

Par défaut : désactivé

Paletteopaline_color_scheme

Par défaut : scheme-1

Titre

Alignement sur ordinateuropaline_heading_alignment

Par défaut : inherit · Choix : Conserver le design, Gauche, Centre, Droite

Espacement

Espace après la sectionopaline_section_spacing

Crée un espace entre cette section et la suivante. L’espacement mobile s’adapte automatiquement.

Par défaut : 0 · Plage : 0–160px

Retrait à gauche et à droiteopaline_content_inset

Éloigne le contenu des bords. L’espacement mobile s’adapte automatiquement.

Par défaut : 0 · Plage : 0–120px

COMPOSITION

Blocs disponibles

Imageimage

Limite : 3

Ajoutez ce bloc uniquement lorsqu’il apporte une information utile au parcours.

POINTS DE CONTRôLE

Avant de publier

✓
Le contenu reste lisible dans toutes les palettes.
✓
Les libellés correspondent à la langue de la boutique.
✓
Les promotions affichées correspondent aux règles Shopify.
✓
Les interactions restent accessibles au clavier et au toucher.