Documentation/ Modèles de pages /Page — How We Make It
Nous contacter
Installer
02ELOA

Page — How We Make It

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

MODÈLE SHOPIFY

Page — How We Make It

Ce modèle contient 6 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
02Bannière diviséeimage-split-banner

Réglages enregistrés

accessibility_labelLibellé destiné aux lecteurs d’écran : décrivez clairement la fonction de la section ou du contrôle.
height_desktop420
height_mobile320
mobile_layoutslider
mobile_slide_width85
gap0
card_radius0
overlay_opacity60
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

1image12 réglages
03Multicolonnes 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.
eyebrowFROM IDEA TO GLASS
headingEvery ELOA finds its balance.
introAucune valeur personnalisée : le thème utilise son comportement automatique ou masque l’élément lorsqu’aucune donnée n’est disponible.
card_styleglass
text_alignmentcenter
columns_desktop4
mobile_layoutslider
show_indexActivé
media_ratio4 / 5
gap22
card_padding24
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_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
04Hero découverteopaline-discovery-hero

Réglages enregistrés

eyebrowTASTE. ADJUST. REPEAT.
headingUntil it feels just right.
text<p>Too sharp. Too soft. Not quite there yet. We taste, adjust and try again until every part feels like it belongs.</p><p></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_height480
visual_height_mobile300
image_gap14
image_radius22
use_custom_colorsDésactivé
background_color#f0ece8
foreground_color#171717
padding_top36
padding_bottom36
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_spacing52
opaline_content_inset40

Blocs dans l’ordre

1image3 réglages
05Hero présentation premiumhero-product

Réglages enregistrés

eyebrowTHE RESULT
headingEverything comes together here.
intro<p>A considered base, bright flavor and the right finishing touches — all brought together in one ELOA.</p>
imageshopify://shop_images/yuzu_mint_tea.png
image_width640
qr_imageshopify://shop_images/qr_code.png
qr_labelSCAN TO DISCOVER THE DRINK
qr_altQR code to discover Sparkling Yuzu Mint
image_altELOA Sparkling Yuzu Mint bottle
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

1feature4 réglages
2feature4 réglages
3feature4 réglages
4feature4 réglages
06Diaporama 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_desktop500
height_mobile420
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
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.