Documentation/ Page templates /Page — Ingredient Library
Contact us
Install
02LOREVIA

Page — Ingredient Library

The exact section order required to reproduce each template.

SHOPIFY TEMPLATE

Page — Ingredient Library

This template contains 12 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_desktop540
height_mobile480
content_width620
content_padding_horizontal48
content_padding_vertical80
content_padding_horizontal_mobile24
content_padding_vertical_mobile56
overlay_opacity55
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
03Details Exploreropaline-detail-explorer

Saved settings

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_labelLabel for screen readers: clearly describe the purpose of the section or control.
layoutcards
card_stylesoft
text_alignmentcenter
columns_desktop4
columns_mobile2
gap24
thumbnail_size100
image_ratiosquare
show_summaryDisabled
background_stylesoft
drawer_sideright
drawer_width620
open_labelOptional content is empty: the related text element is not displayed.
drawer_labelOptional content is empty: the related text element is not displayed.
close_labelOptional content is empty: the related text element is not displayed.
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_inset0

Blocks in order

1detail17 settings
2detail17 settings
3detail17 settings
4detail17 settings
5detail17 settings
6detail17 settings
7detail17 settings
8detail17 settings
04Multicolumns Opalineopaline-multicolonne

Saved settings

accessibility_labelLabel for screen readers: clearly describe the purpose of the section or control.
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_indexEnabled
media_ratio4 / 5
gap26
card_padding26
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_schemeEnabled
opaline_color_schemescheme-1
opaline_heading_alignmentinherit
opaline_section_spacing0
opaline_content_inset40

Blocks in order

1feature10 settings
2feature10 settings
3feature10 settings
4feature10 settings
05Opaline 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_bottom0
opaline_use_color_schemeDisabled
opaline_color_schemeNo local scheme is forced: the section inherits the active scheme or global colors.
opaline_section_spacing44
opaline_content_inset0

Blocks in order

1eyebrow2 settings
2heading3 settings
3text3 settings
06Hero discoveryopaline-discovery-hero

Saved settings

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_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_bottom28
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_inset44

Blocks in order

1image3 settings
07Multicolumns Opalineopaline-multicolonne

Saved settings

accessibility_labelLabel for screen readers: clearly describe the purpose of the section or control.
eyebrowOptional content is empty: the related text element is not displayed.
headingOptional content is empty: the related text element is not displayed.
introNo custom value: the theme uses its automatic behavior or hides the element when no data is available.
card_styleminimal
text_alignmentleft
columns_desktop2
mobile_layoutslider
show_indexEnabled
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_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
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_alignmentleft
glass_blur16
padding_top96
padding_bottom0
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
09Gallery in rowsimage-grid

Saved settings

headingOptional content is empty: the related text element is not displayed.
textOptional content is empty: the related text element is not displayed.
header_alignmentleft
widthcontained
columns_desktop2
mobile_layoutslider
mobile_slide_width85
image_ratioportrait
gap16
card_radius24
overlay_opacity55
padding_top80
padding_bottom12
opaline_use_color_schemeDisabled
opaline_color_schemescheme-4
opaline_heading_alignmentinherit
opaline_section_spacing0
opaline_content_inset40

Blocks in order

1image10 settings
2image10 settings
3image10 settings
4image10 settings
10Opaline 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_top0
padding_bottom48
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

1buttons9 settings
11Opaline rich textopaline-rich-text

Saved settings

accessibility_labelLabel for screen readers: clearly describe the purpose of the section or control.
container_stylesurface
content_widthmedium
text_alignmentcenter
glass_blur16
padding_top96
padding_bottom96
opaline_use_color_schemeEnabled
opaline_color_schemescheme-2
opaline_section_spacing0
opaline_content_inset0

Blocks in order

1eyebrow2 settings
2heading3 settings
3text3 settings
4buttons9 settings
12Newsletternewsletter

Saved settings

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_altNo custom media: the theme uses contextual media when available; otherwise the element is hidden.
content_width44
padding64
margin_top64
margin_bottom64
use_custom_backgroundDisabled
background_color#2f3030
background_opacity40
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_inset0

Blocks in order

1benefit1 settings
2benefit1 settings
3benefit1 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.