Documentation/ Page templates /Page — Design Test
Contact us
Install
02ASTERRA

Page — Design Test

The exact section order required to reproduce each template.

SHOPIFY TEMPLATE

Page — Design Test

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

EXACT COMPOSITION

Sections in order

01Main pagepage

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
02Comparison tableopaline-comparison-table

Saved settings

eyebrowcc
headingTitle
introduction<p>Introduction</p>
column_count3
highlighted_column2
highlight_styleglow
show_pricesEnabled
feature_headingFirst column title
product_1architectural-wide-shoulder-hangers
title_1Custom title
badge_1Badge
link_1shopify://collections/denim
link_label_1Link text
product_2classic-denim-outfit
title_2Custom title
badge_2Badge 2
link_2shopify://blogs/news
link_label_2Link text 2
product_3chunky-wool-ribbed-crewneck-sweater
title_3Optional content is empty: the related text element is not displayed.
badge_3No custom value: the theme uses its automatic behavior or hides the element when no data is available.
link_3No destination: the related action is not clickable or is not displayed.
link_label_3No destination: the related action is not clickable or is not displayed.
product_4No Shopify resource selected: the feature uses the current context when relevant; otherwise it remains hidden.
title_4Optional content is empty: the related text element is not displayed.
badge_4No custom value: the theme uses its automatic behavior or hides the element when no data is available.
link_4No destination: the related action is not clickable or is not displayed.
link_label_4No destination: the related action is not clickable or is not displayed.
table_labelOptional content is empty: the related text element is not displayed.
yes_labelOptional content is empty: the related text element is not displayed.
no_labelOptional content is empty: the related text element is not displayed.
empty_textOptional 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

1feature7 settings
2feature7 settings
3feature7 settings
4feature7 settings
03Subscriptionssubscriptions-plan

Saved settings

heading_richtext<h2>Title</h2>
subheading<p>Text</p>
desktop_columns3
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

1plan18 settings
2plan18 settings
3plan18 settings
04Media and quotesopaline-media-quotes

Saved settings

eyebrowtest
headingteeeeeeest
introduction<p>intro</p>
layoutticker
card_styleglass
logo_width190
card_width360
ticker_duration45
autoplayDisabled
autoplay_seconds6
previous_labelOptional content is empty: the related text element is not displayed.
next_labelOptional content is empty: the related text element is not displayed.
empty_textOptional 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_inset40

Blocks in order

1media6 settings
05FAQsopaline-faq

Saved settings

eyebrowEyebrow
headingTitle
text<p>Introductory text</p>
default_group_titleTitle if no section is added
default_group_text<p>Text if no section is added</p>
default_iconquestion
sticky_navigationEnabled
show_nav_mobileEnabled
first_item_openEnabled
one_open_at_timeEnabled
show_keywordsEnabled
default_question_ctaDefault button text in a response
global_cta_headingOverall button Title
global_cta_text<p>Overall button text</p>
global_cta_labelGlobal button button
global_cta_linkshopify://pages/our-story
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

1group4 settings
2question6 settings
3question6 settings
4group4 settings
5question6 settings
6question6 settings
7group4 settings
8question6 settings
06Make up the comparisonopaline-comparison-builder

Saved settings

collectionall-products
products_to_show8
maximum_products3
initial_selected_count2
eyebrowEyebrow
headingTitle
introduction<p>Introduction</p>
catalog_headingCatalog title
catalog_textCatalog Help
show_vendorEnabled
show_pricesEnabled
select_labelSelection text
selected_labelSelected text
selection_headingAbstract title
selection_aria_labelAccessible abstract label
product_singularSingular product
product_pluralProducts
empty_slot_labelEmpty slot
compare_button_labelCompare button
clear_labelReset text
remove_labelDeletion label
limit_messageLimit message
minimum_messageMessage before comparison
results_headingTable title
table_labelAccessible wording of the table
feature_headingFirst column title
product_link_labelLink to product
yes_labelPositive value
no_labelNegative value
empty_features_textText without criteria
empty_collection_textEmpty collection
missing_collection_textCollection not configured
columns_desktop2
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

Blocks in order

1feature10 settings
2feature10 settings
3feature10 settings
4feature10 settings
5feature10 settings
07Notice bannerreviews-banner

Saved settings

button_labelLink label
reviews_urlshopify://blogs/news
open_in_new_tabEnabled
fallback_rating4.3
fallback_count1220
source_labelSource label
show_ratingEnabled
show_countEnabled
reviews_labelWording of reviews
presentationhairline
alignmentcenter
text_size14
items_gap12
inner_padding13
horizontal_padding4
border_radius0
accent_color#a8874b
border_color#d8d1c5
section_widthpage-width
padding-block-start0
padding-block-end0
opaline_use_color_schemeDisabled
opaline_color_schemescheme-1
opaline_section_spacing44
opaline_content_inset40
08Trust benefitsopaline-trust-benefits

Saved settings

eyebrowEyebrow
headingTitle
introduction<p>Introduction</p>
heading_size48
columns_desktop4
mobile_layoutscroll
card_styleplain
alignmentcenter
gap16
opaline_use_color_schemeDisabled
opaline_color_schemescheme-4
opaline_section_spacing0
opaline_content_inset40

Blocks in order

1trust3 settings
2trust3 settings
3trust3 settings
4trust3 settings
09Details Exploreropaline-detail-explorer

Saved settings

eyebrowEyebrow
headingTitle
introduction<p>Introduction</p>
accessibility_labelAccessibility label
layoutcircles
card_styleminimal
text_alignmentcenter
columns_desktop4
columns_mobile2
gap8
thumbnail_size100
image_ratiosquare
show_summaryDisabled
background_styletransparent
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_inset40

Blocks in order

1detailDisabled17 settings
2detailDisabled17 settings
3detailDisabled17 settings
4detailDisabled17 settings
5detailDisabled17 settings
6detailDisabled17 settings
7detailDisabled17 settings
10Gallery in rowsimage-grid

Saved settings

heading<h2>Title</h2>
text<p>Text</p>
header_alignmentcenter
widthcontained
columns_desktop3
mobile_layoutslider
mobile_slide_width85
image_ratioportrait
gap40
card_radius0
overlay_opacity70
padding_top80
padding_bottom80
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

1image11 settings
2image9 settings
3image9 settings
4image9 settings
5image9 settings
6image9 settings
11Before / afteropaline-before-after

Saved settings

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

Blocks in order

1comparison11 settings
2comparison11 settings
12Hero premium presentationhero-product

Saved settings

eyebrowEyebrow
headingTitle
intro<p>Introduction</p>
imageshopify://shop_images/studio-fashion-portrait-heavyweight-black-boxy-tee.png
image_width360
qr_imageshopify://shop_images/metal-raw-wood-fabric-shaver.png
qr_labelQR code text
qr_altAlternative text QR code
image_altAlternative text main image
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

1feature4 settings
2feature4 settings
3feature4 settings
4feature4 settings
5logo3 settings
6logo3 settings
13Campaign countdownopaline-campaign-countdown

Saved settings

date_input_modesimple
simple_end_date31/12/2030
simple_end_time23:59
timezone_offset+01:00
end_date2030-12-31T23:59:59+01:00
expiry_behaviorshow_message
expired_messageFinish
timer_styleglass
timer_shaperounded
timer_sizecompact
timer_background#ffffff
timer_text_color#171214
show_unit_labelsEnabled
animate_digitsEnabled
mobile_scrollEnabled
eyebrowtest
headingtest title
introduction<p>introduction</p>
button_labelbutton
button_linkshopify://blogs/news
campaign_layoutsplit
enable_signupEnabled
signup_headingsignup
email_placeholderemail
signup_button_labelsignup
success_message<p>Signup success message</p>
signup_disclaimer<p>Consent note</p>
enable_promo_codeEnabled
promo_codeOPALINE10
promo_visibilityafter_signup
promo_labelCode label
promo_reveal_labelReveal button
promo_copy_labelCopy button
promo_copied_labelcopied confirmation
promo_apply_labelapply link
promo_redirectshopify://blogs/news
overlay_opacity45
text_color#ffffff
opaline_use_color_schemeDisabled
opaline_color_schemeNo local scheme is forced: the section inherits the active scheme or global colors.
opaline_heading_alignmentcenter
opaline_section_spacing0
opaline_content_inset40

Blocks in order

1badge3 settings
2badge3 settings
3benefit3 settings
4benefit3 settings
5benefit3 settings
14Showroom with hotspotsopaline-showroom-hotspots

Saved settings

show_heroDisabled
hero_imageshopify://shop_images/opalescent-glass-smart-panel-promotional-sale-display.png
hero_mobile_imageshopify://shop_images/editorial-studio-oversized-embroidered-tee.png
hero_headingOptional content is empty: the related text element is not displayed.
hero_textOptional content is empty: the related text element is not displayed.
hero_text_positioncenter
hero_height_desktop420
hero_height_mobile340
hero_heading_size_desktop54
hero_heading_size_mobile34
hero_text_size20
hero_overlay_opacity40
grid_gap12
mobile_grid_gap18
section_padding_top88
section_padding_bottom120
mobile_padding_top80
mobile_padding_bottom100
show_filtersEnabled
all_labelAll
show_paginationEnabled
items_per_page12
hover_border_size5
hotspot_blur16
modal_width1180
modal_overlay_opacity55
products_headingProduct list title
add_to_cart_labelAdd to cart 
add_all_labelAdd all button
sold_out_labelOut of stock
empty_products_textText if no product is added
show_vendorEnabled
show_descriptionEnabled
show_metafieldsEnabled
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

1filter2 settings
2filter2 settings
3filter2 settings
4filter2 settings
5filter2 settings
6room46 settings
7room45 settings
8room45 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.