02ELOA

Page — Compare Flavors

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

Page — Compare Flavors

Ce modèle contient 4 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.

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
02Hero découverteopaline-discovery-hero

Réglages enregistrés

eyebrowCOMPARE ELOA
headingFind the difference in every sip.
text<p>Put your ELOA picks side by side and compare their flavor, tea base and character before deciding what belongs in your fridge.</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_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_inset40

Blocs dans l’ordre

1image3 réglages
2image3 réglages
03Composez la comparaisonopaline-comparison-builder

Réglages enregistrés

collectioncreate-your-bundle
products_to_show15
maximum_products3
initial_selected_count2
eyebrowMAKE THE COMPARISON
headingPick your drinks. See the difference.
introduction<p>Choose up to three ELOA drinks and compare their flavor, base and character side by side.</p>
catalog_headingChoose your ELOA
catalog_textSelect up to three drinks you'd like to compare.
show_vendorDésactivé
show_pricesDésactivé
select_labelSELECT
selected_labelSELECTED
selection_headingYour comparison
selection_aria_labelProducts selected for comparison
product_singulardrink
product_pluraldrinks
empty_slot_labelChoose a drink
compare_button_labelCOMPARE MY PICKS
clear_labelSTART OVER
remove_labelRemove from comparison
limit_messageYou've picked three. Remove one to choose another.
minimum_messageChoose at least two drinks to start comparing.
results_headingHow your picks compare
table_labelComparison of selected ELOA drinks
feature_headingAT A GLANCE
product_link_labelVIEW DRINK
yes_labelYes
no_labelNo
empty_features_textNo comparison details available.
empty_collection_textNo drinks are available to compare right now.
missing_collection_textChoose a collection to enable comparison.
columns_desktop3
padding_top72
padding_bottom96
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
04Diaporama 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_desktop440
height_mobile420
content_width620
content_padding_horizontal48
content_padding_vertical56
content_padding_horizontal_mobile24
content_padding_vertical_mobile44
overlay_opacity65
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

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.