Documentation/ Sections used /Hero discovery
Contact us
Install
03OPALINE

Hero discovery

Every section actually used by this preset and where it appears.

PRESET USAGE

Hero discovery

This section appears 3 times in the preset templates. Its configuration may vary between pages.

Related templates
page.our-storypage.our-valuesproduct.personnalization
SAVED VARIANTS

Configuration by template

page.our-storystory_hero
eyebrowOUR STORY
headingDesigned for the way life moves.
text<p>Opaline creates expressive wardrobe essentials where modern silhouettes, everyday comfort and thoughtful details come together.</p>
button_labelDiscover our craft
button_linkshopify://pages/our-craft
button_styleprimary
gallery_labelInside the Opaline story
widthcontained
desktop_media_positionright
visual_height580
visual_height_mobile300
image_gap14
image_radius0
use_custom_colorsDisabled
background_color#f4f1eb
foreground_color#161616
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

3 saved blocks

page.our-valuesopaline_discovery_hero_WiwYYk
eyebrowOUR VALUES
headingBetter choices create better wardrobes.
text<p>We believe style and consideration belong together. Our approach focuses on purposeful design, trusted partnerships and pieces made to remain relevant beyond a single season.</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.
widthfull
desktop_media_positionright
visual_height620
visual_height_mobile400
image_gap6
image_radius0
use_custom_colorsDisabled
background_color#f0ece8
foreground_color#171717
padding_top44
padding_bottom32
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

2 saved blocks

product.personnalizationopaline_discovery_hero_B7JRzR
eyebrowOptional content is empty: the related text element is not displayed.
headingWant to feature your custom tee on our site?
text<p>Designed a custom piece in our studio? We love seeing how you style your 240 GSM heavyweight tees in the wild. Share your look with our community for a chance to be spotlighted on our homepage and official channels.</p><p><strong>How to get featured:</strong></p><ul><li>Post your photo on Instagram</li><li>Tag <strong>@opaline.studio</strong> and use <strong>#OpalineCustom</strong></li><li>Watch for your fit in our gallery</li></ul>
button_labelOr contact us
button_linkshopify://pages/contact-us
button_styleprimary
gallery_labelOptional content is empty: the related text element is not displayed.
widthcontained
desktop_media_positionright
visual_height760
visual_height_mobile400
image_gap14
image_radius0
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_inset0

3 saved blocks

UNDERSTAND THE SECTION

Functional documentation

The general documentation explains automatic behavior, Shopify dependencies, and every available setting. This page only describes how the preset uses the section.

Read the documentation