02ELOA

Page — Compare Flavors

The exact section order required to reproduce each template.

Page — Compare Flavors

This template contains 4 sections in a specific order. Disabled sections remain in the editor but are not visible on the storefront.

Sections in order

01Main pagepageDisabled

Saved settings

eyebrowOptional content is empty: the related text element is not displayed.
alignmentcenter
content_width52
padding_top72
padding_bottom88
opaline_use_color_schemeDisabled
opaline_color_schemeNo local scheme is forced: the section inherits the active scheme or global colors.
opaline_section_spacing0
opaline_content_inset0
02Hero discoveryopaline-discovery-hero

Saved settings

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_labelOptional content is empty: the related text element is not displayed.
button_linkNo destination: the related action is not clickable or is not displayed.
button_styleprimary
gallery_labelOptional content is empty: the related text element is not displayed.
widthcontained
desktop_media_positionright
visual_height600
visual_height_mobile400
image_gap14
image_radius22
use_custom_colorsDisabled
background_color#f0ece8
foreground_color#171717
padding_top72
padding_bottom72
opaline_use_color_schemeDisabled
opaline_color_schemeNo local scheme is forced: the section inherits the active scheme or global colors.
opaline_heading_alignmentinherit
opaline_section_spacing0
opaline_content_inset40

Blocks in order

1image3 settings
2image3 settings
03Make up the comparisonopaline-comparison-builder

Saved settings

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_vendorDisabled
show_pricesDisabled
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_schemeDisabled
opaline_color_schemeNo local scheme is forced: the section inherits the active scheme or global colors.
opaline_heading_alignmentinherit
opaline_section_spacing0
opaline_content_inset40

Blocks in order

1feature10 settings
2feature10 settings
3feature10 settings
4feature10 settings
04Opaline slideshowimage-slideshow

Saved settings

accessibility_labelLabel for screen readers: clearly describe the purpose of the section or control.
height_desktop440
height_mobile420
content_width620
content_padding_horizontal48
content_padding_vertical56
content_padding_horizontal_mobile24
content_padding_vertical_mobile44
overlay_opacity65
glass_blur18
autoplayEnabled
autoplay_speed6
opaline_use_color_schemeDisabled
opaline_color_schemeNo local scheme is forced: the section inherits the active scheme or global colors.
opaline_section_spacing0
opaline_content_inset0

Blocks in order

1slide16 settings

To reproduce this template

  • ✓

    Create or open the template with the same name.

  • ✓

    Add sections in the documented order.

  • ✓

    Reproduce blocks before their settings.

  • ✓

    Keep disabled sections disabled, then preview with a real resource.