02ASTERRA
Page — Our Materials
The exact section order required to reproduce each template.
Page — Our Materials
This template contains 6 sections in a specific order. Disabled sections remain in the editor but are not visible on the storefront.
Sections in order
01Opaline rich textopaline-rich-text
Saved settings
accessibility_labelLabel for screen readers: clearly describe the purpose of the section or control.container_stylenonecontent_widthmediumtext_alignmentcenterglass_blur16padding_top96padding_bottom96opaline_use_color_schemeDisabledopaline_color_schemeNo local scheme is forced: the section inherits the active scheme or global colors.opaline_section_spacing0opaline_content_inset0Blocks in order
1eyebrow2 settings
2heading3 settings
02Hero discoveryopaline-discovery-heroDisabled
Saved settings
eyebrowOUR MATERIALSheadingBeauty begins with the detailstext<p>Explore the finishes, stones and textures that give every Asterra piece its individual character.</p>button_labelDiscover the collectionbutton_link/collections/allbutton_styleprimarygallery_labelDiscover the detailswidthcontaineddesktop_media_positionleftvisual_height580visual_height_mobile480image_gap24image_radius0use_custom_colorsDisabledbackground_colorrgba(0,0,0,0)foreground_color#ffffffpadding_top32padding_bottom72opaline_use_color_schemeDisabledopaline_color_schemeNo local scheme is forced: the section inherits the active scheme or global colors.opaline_heading_alignmentinheritopaline_section_spacing0opaline_content_inset0Blocks in order
1image3 settings
2image3 settings
3image3 settings
03Divided bannerimage-split-banner
Saved settings
accessibility_labelLabel for screen readers: clearly describe the purpose of the section or control.height_desktop680height_mobile520mobile_layoutslidermobile_slide_width85gap0card_radius0overlay_opacity60opaline_use_color_schemeDisabledopaline_color_schemeNo local scheme is forced: the section inherits the active scheme or global colors.opaline_section_spacing0opaline_content_inset0Blocks in order
1image12 settings
2image12 settings
3image12 settings
04Opaline rich textopaline-rich-text
Saved settings
accessibility_labelLabel for screen readers: clearly describe the purpose of the section or control.container_stylenonecontent_widthmediumtext_alignmentcenterglass_blur16padding_top0padding_bottom0opaline_use_color_schemeDisabledopaline_color_schemeNo local scheme is forced: the section inherits the active scheme or global colors.opaline_section_spacing0opaline_content_inset0Blocks in order
1buttons9 settings
05Details Exploreropaline-detail-explorer
Saved settings
eyebrowTHE MATERIAL LIBRARYheadingKnow what you wearintroduction<p>Open each material card for its visual character, styling notes and care advice.</p>accessibility_labelExplore Asterra jewelry materialslayoutcardscard_styleglasstext_alignmentcentercolumns_desktop4columns_mobile2gap24thumbnail_size180image_ratiosquareshow_summaryEnabledbackground_styletransparentdrawer_siderightdrawer_width620open_labelExplore materialdrawer_labelMaterial detailsclose_labelClosepadding_top88padding_bottom88opaline_use_color_schemeDisabledopaline_color_schemeNo local scheme is forced: the section inherits the active scheme or global colors.opaline_heading_alignmentinheritopaline_section_spacing0opaline_content_inset16Blocks in order
1detail17 settings
2detail17 settings
3detail17 settings
4detail17 settings
06Opaline rich textopaline-rich-text
Saved settings
accessibility_labelMaterial information notecontainer_styleglasscontent_widthmediumtext_alignmentcenterglass_blur16padding_top72padding_bottom72opaline_use_color_schemeDisabledopaline_color_schemeNo local scheme is forced: the section inherits the active scheme or global colors.opaline_section_spacing0opaline_content_inset16Blocks in order
1eyebrow2 settings
2heading3 settings
3text3 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.