03ASTERRA

Before / after

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

PRESET USAGE

Before / after

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

Related templates

page.design-testproduct.bundles

SAVED VARIANTS

Configuration by template

page.design-testopaline_before_after_jEFng6

eyebrowcobb

headingmjhvgv

introduction<p>khghfg</p>

columns_desktop2

image_ratio4 / 5

media_max_height520

before_labelbefore

after_labelqfter

slider_labelsdffdsf

empty_textComparaisoooooon

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

2 saved blocks

product.bundlesbefore_afterDisabled

eyebrowThe difference in one gesture

headingSee the result

introduction<p>Drag the slider to compare the two images.</p>

columns_desktop1

image_ratio16 / 9

media_max_height520

before_labelBefore

after_labelAfter

slider_labelCompare before and after

empty_textAdd a pair of images to compare.

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

1 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