03GéNéRAL

Diaporama Opaline

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

À QUOI CELA SERT

Diaporama Opaline

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

Présente dans les modèles

article.ingredients.jsonarticle.skin-essentials.jsonblog.jsonblog.main-blog.jsonindex.jsonpage.faq.jsonpage.find-your-routine.jsonpage.ingredient-library.jsonpage.jsonpage.our-philosophy.jsonpage.our-story.jsonpage.skin-concerns.jsonpage.take-the-skin-quiz.json

COMPORTEMENTS IMPLICITES

Ce que le thème fait automatiquement

→
La lecture automatique s’arrête lorsque l’utilisateur interagit afin de ne pas lutter contre sa navigation.
→
Les hauteurs desktop et mobile sont indépendantes ; les images doivent être vérifiées dans les deux formats.
→
La couche sombre et le flou améliorent la lisibilité mais ne remplacent pas un contraste de texte suffisant.

CONFIGURATION

Comprendre les réglages

Accessibilité

Donnez un nom explicite au diaporama pour les technologies d’assistance.

Label d’accessibilitéaccessibility_label

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

Dimensions

Définissez la hauteur du diaporama et la largeur maximale de son contenu.

Hauteur sur ordinateurheight_desktop

Par défaut : 720 · Plage : 420–980px

Hauteur sur mobileheight_mobile

Par défaut : 620 · Plage : 420–820px

Largeur maximale du contenucontent_width

Par défaut : 620 · Plage : 360–760px

Espacement du contenu

Ajustez l’espace autour des textes de chaque slide séparément sur ordinateur et mobile.

Marge interne horizontale du contenucontent_padding_horizontal

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

Marge interne verticale du contenucontent_padding_vertical

Par défaut : 80 · Plage : 0–200px

Marge interne horizontale — mobilecontent_padding_horizontal_mobile

Par défaut : 24 · Plage : 0–80px

Marge interne verticale — mobilecontent_padding_vertical_mobile

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

Effet visuel

Ajustez le voile des images et l’intensité de l’effet de verre.

Intensité de l’overlayoverlay_opacity

Par défaut : 55 · Plage : 0–100%

Puissance du blur glassglass_blur

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

Lecture automatique

Activez le défilement automatique et choisissez le temps d’affichage de chaque slide.

Lecture automatiqueautoplay

Par défaut : activé

Durée de chaque slideautoplay_speed

Ce délai s’applique uniquement lorsque la lecture automatique est activée.

Par défaut : 6 · Plage : 3–12s

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

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

Diapositiveslide

Limite : 10

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

Carte glassglass_card

Limite : 12

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.