03GéNéRAL

Multicolonnes Opaline

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

Multicolonnes Opaline

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

Présente dans les modèles
article.routines.jsonarticle.skin-notes.jsonpage.ingredient-library.jsonpage.our-philosophy.json

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.

Comprendre les réglages

En-tête et accessibilité

Nommez la section pour les technologies d’assistance et renseignez ses textes d’introduction.

Label accessibilitéaccessibility_label

Ce texte décrit la section aux technologies d’assistance et n’est pas affiché visuellement.

Surtitreeyebrow
Titreheading
Introductionintro

Présentation

Choisissez le style, l’alignement et le nombre de colonnes.

Style des cartescard_style
Par défaut : glass · Choix : Liquid glass, Surface pleine, Minimal
Alignement du textetext_alignment
Par défaut : left · Choix : Gauche, Centré
Colonnes sur ordinateurcolumns_desktop
Par défaut : 3 · Plage : 2–4
Affichage mobilemobile_layout
Par défaut : slider · Choix : Slider horizontal, Colonnes empilées
Afficher les index glassshow_index
Par défaut : activé

Dimensions et effets

Réglez le cadrage des médias, les espacements et l’intensité de l’effet de verre.

Format des imagesmedia_ratio
Par défaut : 4 / 5 · Choix : Carré, Portrait, Paysage
Espacement des cartesgap
Par défaut : 22 · Plage : 12–48px
Padding des cartescard_padding
Par défaut : 24 · Plage : 16–44px
Arrondi des imagesimage_radius
Par défaut : 22 · Plage : 0–36px
Blur glass des cartesglass_blur
Par défaut : 16 · Plage : 0–40px

Bouton général

Ajoutez un bouton commun sous les colonnes en renseignant son libellé et sa destination.

Bouton globalbutton_label
Lien du bouton globalbutton_link

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

Blocs disponibles

featurefeature

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

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.