Documentation/ Modèles de pages /Page — Ingredient Library
Nous contacter
Installer
02LOREVIA

Page — Ingredient Library

L’ordre exact des sections pour reproduire chaque modèle.

MODÈLE SHOPIFY

Page — Ingredient Library

Ce modèle contient 12 sections dans un ordre précis. Les sections désactivées sont conservées dans l’éditeur mais ne sont pas visibles sur la boutique.

COMPOSITION EXACTE

Sections dans l’ordre

01Page principalepageDésactivée

Réglages enregistrés

eyebrowContenu optionnel vide : l’élément de texte correspondant n’est pas affiché.
alignmentcenter
content_width52
padding_top72
padding_bottom88
opaline_use_color_schemeDésactivé
opaline_color_schemeAucune palette locale imposée : la section hérite de la palette ou des couleurs globales actives.
opaline_section_spacing0
opaline_content_inset0
02Diaporama Opalineimage-slideshow

Réglages enregistrés

accessibility_labelLibellé destiné aux lecteurs d’écran : décrivez clairement la fonction de la section ou du contrôle.
height_desktop540
height_mobile480
content_width620
content_padding_horizontal48
content_padding_vertical80
content_padding_horizontal_mobile24
content_padding_vertical_mobile56
overlay_opacity55
glass_blur18
autoplayActivé
autoplay_speed6
opaline_use_color_schemeDésactivé
opaline_color_schemeAucune palette locale imposée : la section hérite de la palette ou des couleurs globales actives.
opaline_section_spacing0
opaline_content_inset0

Blocs dans l’ordre

1slide16 réglages
03Explorateur de détailsopaline-detail-explorer

Réglages enregistrés

eyebrowEXPLORE THE LIBRARY
headingMeet the ingredients behind LORÉVIA.
introduction<p>Explore the actives and skin-supporting ingredients we use — and discover what each one brings to your skin.</p>
accessibility_labelLibellé destiné aux lecteurs d’écran : décrivez clairement la fonction de la section ou du contrôle.
layoutcards
card_stylesoft
text_alignmentcenter
columns_desktop4
columns_mobile2
gap24
thumbnail_size100
image_ratiosquare
show_summaryDésactivé
background_stylesoft
drawer_sideright
drawer_width620
open_labelContenu optionnel vide : l’élément de texte correspondant n’est pas affiché.
drawer_labelContenu optionnel vide : l’élément de texte correspondant n’est pas affiché.
close_labelContenu optionnel vide : l’élément de texte correspondant n’est pas affiché.
padding_top72
padding_bottom72
opaline_use_color_schemeDésactivé
opaline_color_schemeAucune palette locale imposée : la section hérite de la palette ou des couleurs globales actives.
opaline_heading_alignmentinherit
opaline_section_spacing0
opaline_content_inset0

Blocs dans l’ordre

1detail17 réglages
2detail17 réglages
3detail17 réglages
4detail17 réglages
5detail17 réglages
6detail17 réglages
7detail17 réglages
8detail17 réglages
04Multicolonnes Opalineopaline-multicolonne

Réglages enregistrés

accessibility_labelLibellé destiné aux lecteurs d’écran : décrivez clairement la fonction de la section ou du contrôle.
eyebrowBETTER TOGETHER
headingGood ingredients don't work alone.
intro<p>Thoughtful formulas bring complementary ingredients together — each with a different role in supporting your skin.</p>
card_styleglass
text_alignmentcenter
columns_desktop2
mobile_layoutslider
show_indexActivé
media_ratio4 / 5
gap26
card_padding26
image_radius22
glass_blur16
button_labelContenu optionnel vide : l’élément de texte correspondant n’est pas affiché.
button_linkAucune destination : l’action correspondante n’est pas cliquable ou n’est pas affichée.
opaline_use_color_schemeActivé
opaline_color_schemescheme-1
opaline_heading_alignmentinherit
opaline_section_spacing0
opaline_content_inset40

Blocs dans l’ordre

1feature10 réglages
2feature10 réglages
3feature10 réglages
4feature10 réglages
05Texte enrichi Opalineopaline-rich-text

Réglages enregistrés

accessibility_labelLibellé destiné aux lecteurs d’écran : décrivez clairement la fonction de la section ou du contrôle.
container_stylenone
content_widthmedium
text_alignmentcenter
glass_blur16
padding_top96
padding_bottom0
opaline_use_color_schemeDésactivé
opaline_color_schemeAucune palette locale imposée : la section hérite de la palette ou des couleurs globales actives.
opaline_section_spacing44
opaline_content_inset0

Blocs dans l’ordre

1eyebrow2 réglages
2heading3 réglages
3text3 réglages
06Hero découverteopaline-discovery-hero

Réglages enregistrés

eyebrowBalance, hydrate, refine.
headingGLASS SKIN NIACINAMIDE ELIXIR
text<p>A multi-tasking serum built around complementary ingredients that support clearer, smoother and more balanced-looking skin.</p>
button_labelContenu optionnel vide : l’élément de texte correspondant n’est pas affiché.
button_linkAucune destination : l’action correspondante n’est pas cliquable ou n’est pas affichée.
button_styleprimary
gallery_labelContenu optionnel vide : l’élément de texte correspondant n’est pas affiché.
widthcontained
desktop_media_positionright
visual_height600
visual_height_mobile400
image_gap14
image_radius22
use_custom_colorsDésactivé
background_color#f0ece8
foreground_color#171717
padding_top72
padding_bottom28
opaline_use_color_schemeDésactivé
opaline_color_schemeAucune palette locale imposée : la section hérite de la palette ou des couleurs globales actives.
opaline_heading_alignmentinherit
opaline_section_spacing0
opaline_content_inset44

Blocs dans l’ordre

1image3 réglages
07Multicolonnes Opalineopaline-multicolonne

Réglages enregistrés

accessibility_labelLibellé destiné aux lecteurs d’écran : décrivez clairement la fonction de la section ou du contrôle.
eyebrowContenu optionnel vide : l’élément de texte correspondant n’est pas affiché.
headingContenu optionnel vide : l’élément de texte correspondant n’est pas affiché.
introAucune valeur personnalisée : le thème utilise son comportement automatique ou masque l’élément lorsqu’aucune donnée n’est disponible.
card_styleminimal
text_alignmentleft
columns_desktop2
mobile_layoutslider
show_indexActivé
media_ratio4 / 5
gap22
card_padding24
image_radius22
glass_blur16
button_labelView Glass Skin Elixir
button_linkshopify://products/glass-skin-niacinamide-elixir
opaline_use_color_schemeDésactivé
opaline_color_schemeAucune palette locale imposée : la section hérite de la palette ou des couleurs globales actives.
opaline_heading_alignmentinherit
opaline_section_spacing0
opaline_content_inset40

Blocs dans l’ordre

1feature10 réglages
2feature10 réglages
3feature10 réglages
4feature10 réglages
08Texte enrichi Opalineopaline-rich-text

Réglages enregistrés

accessibility_labelLibellé destiné aux lecteurs d’écran : décrivez clairement la fonction de la section ou du contrôle.
container_stylenone
content_widthmedium
text_alignmentleft
glass_blur16
padding_top96
padding_bottom0
opaline_use_color_schemeDésactivé
opaline_color_schemeAucune palette locale imposée : la section hérite de la palette ou des couleurs globales actives.
opaline_section_spacing0
opaline_content_inset40

Blocs dans l’ordre

1eyebrow2 réglages
2heading3 réglages
3text3 réglages
09Galerie en rangéesimage-grid

Réglages enregistrés

headingContenu optionnel vide : l’élément de texte correspondant n’est pas affiché.
textContenu optionnel vide : l’élément de texte correspondant n’est pas affiché.
header_alignmentleft
widthcontained
columns_desktop2
mobile_layoutslider
mobile_slide_width85
image_ratioportrait
gap16
card_radius24
overlay_opacity55
padding_top80
padding_bottom12
opaline_use_color_schemeDésactivé
opaline_color_schemescheme-4
opaline_heading_alignmentinherit
opaline_section_spacing0
opaline_content_inset40

Blocs dans l’ordre

1image10 réglages
2image10 réglages
3image10 réglages
4image10 réglages
10Texte enrichi Opalineopaline-rich-text

Réglages enregistrés

accessibility_labelLibellé destiné aux lecteurs d’écran : décrivez clairement la fonction de la section ou du contrôle.
container_stylenone
content_widthmedium
text_alignmentleft
glass_blur16
padding_top0
padding_bottom48
opaline_use_color_schemeDésactivé
opaline_color_schemeAucune palette locale imposée : la section hérite de la palette ou des couleurs globales actives.
opaline_section_spacing0
opaline_content_inset40

Blocs dans l’ordre

1buttons9 réglages
11Texte enrichi Opalineopaline-rich-text

Réglages enregistrés

accessibility_labelLibellé destiné aux lecteurs d’écran : décrivez clairement la fonction de la section ou du contrôle.
container_stylesurface
content_widthmedium
text_alignmentcenter
glass_blur16
padding_top96
padding_bottom96
opaline_use_color_schemeActivé
opaline_color_schemescheme-2
opaline_section_spacing0
opaline_content_inset0

Blocs dans l’ordre

1eyebrow2 réglages
2heading3 réglages
3text3 réglages
4buttons9 réglages
12Newsletternewsletter

Réglages enregistrés

eyebrowFORMULA NOTES
headingKnow what's inside. Understand why it's there.
text<p>Ingredient stories, formula insights and thoughtful skincare knowledge, delivered without the unnecessary complexity.</p>
placeholderYour email address
button_labelGet Formula Notes
success_message<p>You're on the list</p>
disclaimer<p>Occasional notes. No unnecessary noise.</p>
layoutsplit
image_altAucun média personnalisé : le thème utilise la ressource du contexte lorsqu’elle existe, sinon l’élément est masqué.
content_width44
padding64
margin_top64
margin_bottom64
use_custom_backgroundDésactivé
background_color#2f3030
background_opacity40
opaline_use_color_schemeDésactivé
opaline_color_schemeAucune palette locale imposée : la section hérite de la palette ou des couleurs globales actives.
opaline_heading_alignmentinherit
opaline_section_spacing0
opaline_content_inset0

Blocs dans l’ordre

1benefit1 réglages
2benefit1 réglages
3benefit1 réglages
POINTS DE CONTRôLE

Pour reproduire ce modèle

  • ✓

    Créez ou ouvrez le modèle portant le même nom.

  • ✓

    Ajoutez les sections dans l’ordre indiqué.

  • ✓

    Reproduisez les blocs avant leurs réglages.

  • ✓

    Respectez les sections désactivées, puis prévisualisez avec une ressource réelle.