Documentation/ Page templates /Page — Ingredients
Contact us
Install
02ELOA

Page — Ingredients

The exact section order required to reproduce each template.

SHOPIFY TEMPLATE

Page — Ingredients

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

EXACT COMPOSITION

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
02Opaline slideshowimage-slideshow

Saved settings

accessibility_labelLabel for screen readers: clearly describe the purpose of the section or control.
height_desktop420
height_mobile420
content_width620
content_padding_horizontal48
content_padding_vertical0
content_padding_horizontal_mobile24
content_padding_vertical_mobile56
overlay_opacity10
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
03Opaline rich textopaline-rich-text

Saved settings

accessibility_labelLabel for screen readers: clearly describe the purpose of the section or control.
container_stylenone
content_widthmedium
text_alignmentleft
glass_blur16
padding_top96
padding_bottom96
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_inset40

Blocks in order

1heading3 settings
2text3 settings
04Divided bannerimage-split-banner

Saved settings

accessibility_labelLabel for screen readers: clearly describe the purpose of the section or control.
height_desktop500
height_mobile400
mobile_layoutcolumn
mobile_slide_width85
gap0
card_radius0
overlay_opacity60
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

1image12 settings
2image12 settings
3image12 settings
05Divided bannerimage-split-banner

Saved settings

accessibility_labelLabel for screen readers: clearly describe the purpose of the section or control.
height_desktop500
height_mobile400
mobile_layoutcolumn
mobile_slide_width85
gap0
card_radius0
overlay_opacity60
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

1image12 settings
2image12 settings
3image12 settings
06Multicolumns Opalineopaline-multicolonne

Saved settings

accessibility_labelLabel for screen readers: clearly describe the purpose of the section or control.
eyebrowTHE DETAILS THAT SHIFT THE SIP
headingSmall accents. Big character.
intro<p>A cool herb, a floral note or a little warmth can completely change the way a drink feels.</p>
card_stylesolid
text_alignmentcenter
columns_desktop3
mobile_layoutslider
show_indexDisabled
media_ratio16 / 10
gap22
card_padding24
image_radius22
glass_blur16
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.
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

1feature11 settings
2feature11 settings
3feature11 settings
4feature11 settings
5feature11 settings
07Multicolumns Opalineopaline-multicolonne

Saved settings

accessibility_labelLabel for screen readers: clearly describe the purpose of the section or control.
eyebrowTHE FRUIT SIDE OF ELOA
headingDifferent fruit. Different energy.
intro<p>From sharp citrus to ripe tropical fruit, each family brings its own rhythm to the glass.</p>
card_styleglass
text_alignmentcenter
columns_desktop2
mobile_layoutslider
show_indexEnabled
media_ratio4 / 5
gap22
card_padding22
image_radius22
glass_blur16
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.
opaline_use_color_schemeDisabled
opaline_color_schemescheme-5
opaline_heading_alignmentinherit
opaline_section_spacing0
opaline_content_inset40

Blocks in order

1feature10 settings
2feature10 settings
3feature10 settings
4feature10 settings
08Opaline rich textopaline-rich-text

Saved settings

accessibility_labelLabel for screen readers: clearly describe the purpose of the section or control.
container_stylenone
content_widthmedium
text_alignmentcenter
glass_blur16
padding_top96
padding_bottom96
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_inset40

Blocks in order

1eyebrow2 settings
2heading3 settings
3text3 settings
4separator0 settings
09Hero discoveryopaline-discovery-hero

Saved settings

eyebrowPear + Jasmine + Green Tea
headingJasmine Pear Glow
text<p><strong>Soft · Floral · Fresh</strong></p><p></p><p>Delicate pear and jasmine sit over a fresh tea base for a lighter, more aromatic kind of sip.</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_positionleft
visual_height580
visual_height_mobile400
image_gap14
image_radius22
use_custom_colorsEnabled
background_color#dce2c0
foreground_color#342922
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_spacing40
opaline_content_inset40

Blocks in order

1image3 settings
10Hero discoveryopaline-discovery-hero

Saved settings

eyebrowYuzu + Mint + Green Tea
headingSparkling Yuzu Mint
text<p><strong>Bright · Cooling · Crisp</strong>.</p><p>Sharp citrus, a cooling herbal lift and a clean tea base come together with a lively sparkling finish.</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_height580
visual_height_mobile400
image_gap14
image_radius22
use_custom_colorsEnabled
background_color#f1edbb
foreground_color#342922
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_spacing40
opaline_content_inset40

Blocks in order

1image3 settings
11Hero discoveryopaline-discovery-hero

Saved settings

eyebrowMango + Yerba Mate
headingMango Yerba Energy Tea
text<p><strong>Ripe · Herbal · Bold</strong></p><p></p><p>Ripe mango softens the greener character of yerba mate, creating a fuller drink with more presence.</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_positionleft
visual_height580
visual_height_mobile400
image_gap14
image_radius22
use_custom_colorsEnabled
background_color#ffd490
foreground_color#342922
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_spacing40
opaline_content_inset40

Blocks in order

1image3 settings
12Hero discoveryopaline-discovery-hero

Saved settings

eyebrowBerry + Hibiscus
headingHibiscus Berry Beat
text<p><strong>Tart · Floral · Vibrant</strong></p><p></p><p>Juicy berry notes meet the sharper floral character of hibiscus for a bright, expressive finish.</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_height580
visual_height_mobile400
image_gap14
image_radius22
use_custom_colorsEnabled
background_color#deadbb
foreground_color#342922
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_spacing40
opaline_content_inset40

Blocks in order

1image3 settings
13Opaline rich textopaline-rich-text

Saved settings

accessibility_labelLabel for screen readers: clearly describe the purpose of the section or control.
container_styleglass
content_widthmedium
text_alignmentcenter
glass_blur16
padding_top96
padding_bottom96
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_inset40

Blocks in order

1eyebrow2 settings
2heading3 settings
3text3 settings
4buttons9 settings
CHECKS

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.