Documentation/ Modèles de pages /Page — Design Test
Nous contacter
Installer
02ASTERRA

Page — Design Test

L’ordre exact des sections pour reproduire chaque modèle.

MODÈLE SHOPIFY

Page — Design Test

Ce modèle contient 14 sections dans un ordre précis. Les sections désactivées sont conservées dans l’éditeur mais ne sont pas visibles sur la boutique.

COMPOSITION EXACTE

Sections dans l’ordre

01Page principalepage

Réglages enregistrés

eyebrowContenu optionnel vide : l’élément de texte correspondant n’est pas affiché.
alignmentcenter
content_width52
padding_top72
padding_bottom88
opaline_use_color_schemeDésactivé
opaline_color_schemeAucune palette locale imposée : la section hérite de la palette ou des couleurs globales actives.
opaline_section_spacing0
opaline_content_inset0
02Tableau comparatifopaline-comparison-table

Réglages enregistrés

eyebrowcc
headingTitle
introduction<p>Introduction</p>
column_count3
highlighted_column2
highlight_styleglow
show_pricesActivé
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_3Contenu optionnel vide : l’élément de texte correspondant n’est pas affiché.
badge_3Aucune valeur personnalisée : le thème utilise son comportement automatique ou masque l’élément lorsqu’aucune donnée n’est disponible.
link_3Aucune destination : l’action correspondante n’est pas cliquable ou n’est pas affichée.
link_label_3Aucune destination : l’action correspondante n’est pas cliquable ou n’est pas affichée.
product_4Aucune ressource Shopify sélectionnée : la fonctionnalité utilise le contexte courant lorsqu’il convient, sinon elle reste masquée.
title_4Contenu optionnel vide : l’élément de texte correspondant n’est pas affiché.
badge_4Aucune valeur personnalisée : le thème utilise son comportement automatique ou masque l’élément lorsqu’aucune donnée n’est disponible.
link_4Aucune destination : l’action correspondante n’est pas cliquable ou n’est pas affichée.
link_label_4Aucune destination : l’action correspondante n’est pas cliquable ou n’est pas affichée.
table_labelContenu optionnel vide : l’élément de texte correspondant n’est pas affiché.
yes_labelContenu optionnel vide : l’élément de texte correspondant n’est pas affiché.
no_labelContenu optionnel vide : l’élément de texte correspondant n’est pas affiché.
empty_textContenu optionnel vide : l’élément de texte correspondant n’est pas affiché.
padding_top72
padding_bottom72
opaline_use_color_schemeDésactivé
opaline_color_schemeAucune palette locale imposée : la section hérite de la palette ou des couleurs globales actives.
opaline_heading_alignmentinherit
opaline_section_spacing0
opaline_content_inset0

Blocs dans l’ordre

1feature7 réglages
2feature7 réglages
3feature7 réglages
4feature7 réglages
03Abonnementssubscriptions-plan

Réglages enregistrés

heading_richtext<h2>Title</h2>
subheading<p>Text</p>
desktop_columns3
opaline_use_color_schemeDésactivé
opaline_color_schemeAucune palette locale imposée : la section hérite de la palette ou des couleurs globales actives.
opaline_section_spacing0
opaline_content_inset40

Blocs dans l’ordre

1plan18 réglages
2plan18 réglages
3plan18 réglages
04Médias et citationsopaline-media-quotes

Réglages enregistrés

eyebrowtest
headingteeeeeeest
introduction<p>intro</p>
layoutticker
card_styleglass
logo_width190
card_width360
ticker_duration45
autoplayDésactivé
autoplay_seconds6
previous_labelContenu optionnel vide : l’élément de texte correspondant n’est pas affiché.
next_labelContenu optionnel vide : l’élément de texte correspondant n’est pas affiché.
empty_textContenu optionnel vide : l’élément de texte correspondant n’est pas affiché.
padding_top72
padding_bottom72
opaline_use_color_schemeDésactivé
opaline_color_schemeAucune palette locale imposée : la section hérite de la palette ou des couleurs globales actives.
opaline_heading_alignmentinherit
opaline_section_spacing0
opaline_content_inset40

Blocs dans l’ordre

1media6 réglages
05FAQopaline-faq

Réglages enregistrés

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_navigationActivé
show_nav_mobileActivé
first_item_openActivé
one_open_at_timeActivé
show_keywordsActivé
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_schemeDésactivé
opaline_color_schemeAucune palette locale imposée : la section hérite de la palette ou des couleurs globales actives.
opaline_heading_alignmentinherit
opaline_section_spacing0
opaline_content_inset40

Blocs dans l’ordre

1group4 réglages
2question6 réglages
3question6 réglages
4group4 réglages
5question6 réglages
6question6 réglages
7group4 réglages
8question6 réglages
06Composez la comparaisonopaline-comparison-builder

Réglages enregistrés

collectionall-products
products_to_show8
maximum_products3
initial_selected_count2
eyebrowEyebrow
headingTitle
introduction<p>Introduction</p>
catalog_headingCatalog title
catalog_textCatalog Help
show_vendorActivé
show_pricesActivé
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_schemeDésactivé
opaline_color_schemeAucune palette locale imposée : la section hérite de la palette ou des couleurs globales actives.
opaline_heading_alignmentinherit
opaline_section_spacing0
opaline_content_inset40

Blocs dans l’ordre

1feature10 réglages
2feature10 réglages
3feature10 réglages
4feature10 réglages
5feature10 réglages
07Bannière d'avisreviews-banner

Réglages enregistrés

button_labelLink label
reviews_urlshopify://blogs/news
open_in_new_tabActivé
fallback_rating4.3
fallback_count1220
source_labelSource label
show_ratingActivé
show_countActivé
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_schemeDésactivé
opaline_color_schemescheme-1
opaline_section_spacing44
opaline_content_inset40
08Réassuranceopaline-trust-benefits

Réglages enregistrés

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

Blocs dans l’ordre

1trust3 réglages
2trust3 réglages
3trust3 réglages
4trust3 réglages
09Explorateur de détailsopaline-detail-explorer

Réglages enregistrés

eyebrowEyebrow
headingTitle
introduction<p>Introduction</p>
accessibility_labelAccessibility label
layoutcircles
card_styleminimal
text_alignmentcenter
columns_desktop4
columns_mobile2
gap8
thumbnail_size100
image_ratiosquare
show_summaryDésactivé
background_styletransparent
drawer_sideright
drawer_width620
open_labelContenu optionnel vide : l’élément de texte correspondant n’est pas affiché.
drawer_labelContenu optionnel vide : l’élément de texte correspondant n’est pas affiché.
close_labelContenu optionnel vide : l’élément de texte correspondant n’est pas affiché.
padding_top72
padding_bottom72
opaline_use_color_schemeDésactivé
opaline_color_schemeAucune palette locale imposée : la section hérite de la palette ou des couleurs globales actives.
opaline_heading_alignmentinherit
opaline_section_spacing0
opaline_content_inset40

Blocs dans l’ordre

1detailDésactivé17 réglages
2detailDésactivé17 réglages
3detailDésactivé17 réglages
4detailDésactivé17 réglages
5detailDésactivé17 réglages
6detailDésactivé17 réglages
7detailDésactivé17 réglages
10Galerie en rangéesimage-grid

Réglages enregistrés

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_schemeDésactivé
opaline_color_schemeAucune palette locale imposée : la section hérite de la palette ou des couleurs globales actives.
opaline_heading_alignmentinherit
opaline_section_spacing0
opaline_content_inset40

Blocs dans l’ordre

1image11 réglages
2image9 réglages
3image9 réglages
4image9 réglages
5image9 réglages
6image9 réglages
11Avant / aprèsopaline-before-after

Réglages enregistrés

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_schemeDésactivé
opaline_color_schemeAucune palette locale imposée : la section hérite de la palette ou des couleurs globales actives.
opaline_heading_alignmentinherit
opaline_section_spacing0
opaline_content_inset40

Blocs dans l’ordre

1comparison11 réglages
2comparison11 réglages
12Hero présentation premiumhero-product

Réglages enregistrés

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_schemeDésactivé
opaline_color_schemeAucune palette locale imposée : la section hérite de la palette ou des couleurs globales actives.
opaline_heading_alignmentinherit
opaline_section_spacing0
opaline_content_inset40

Blocs dans l’ordre

1feature4 réglages
2feature4 réglages
3feature4 réglages
4feature4 réglages
5logo3 réglages
6logo3 réglages
13Compte à reboursopaline-campaign-countdown

Réglages enregistrés

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_labelsActivé
animate_digitsActivé
mobile_scrollActivé
eyebrowtest
headingtest title
introduction<p>introduction</p>
button_labelbutton
button_linkshopify://blogs/news
campaign_layoutsplit
enable_signupActivé
signup_headingsignup
email_placeholderemail
signup_button_labelsignup
success_message<p>Signup success message</p>
signup_disclaimer<p>Consent note</p>
enable_promo_codeActivé
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_schemeDésactivé
opaline_color_schemeAucune palette locale imposée : la section hérite de la palette ou des couleurs globales actives.
opaline_heading_alignmentcenter
opaline_section_spacing0
opaline_content_inset40

Blocs dans l’ordre

1badge3 réglages
2badge3 réglages
3benefit3 réglages
4benefit3 réglages
5benefit3 réglages
14Showroom avec hotspotsopaline-showroom-hotspots

Réglages enregistrés

show_heroDésactivé
hero_imageshopify://shop_images/opalescent-glass-smart-panel-promotional-sale-display.png
hero_mobile_imageshopify://shop_images/editorial-studio-oversized-embroidered-tee.png
hero_headingContenu optionnel vide : l’élément de texte correspondant n’est pas affiché.
hero_textContenu optionnel vide : l’élément de texte correspondant n’est pas affiché.
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_filtersActivé
all_labelAll
show_paginationActivé
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_vendorActivé
show_descriptionActivé
show_metafieldsActivé
opaline_use_color_schemeDésactivé
opaline_color_schemeAucune palette locale imposée : la section hérite de la palette ou des couleurs globales actives.
opaline_section_spacing0
opaline_content_inset40

Blocs dans l’ordre

1filter2 réglages
2filter2 réglages
3filter2 réglages
4filter2 réglages
5filter2 réglages
6room46 réglages
7room45 réglages
8room45 réglages
POINTS DE CONTRôLE

Pour reproduire ce modèle

  • ✓

    Créez ou ouvrez le modèle portant le même nom.

  • ✓

    Ajoutez les sections dans l’ordre indiqué.

  • ✓

    Reproduisez les blocs avant leurs réglages.

  • ✓

    Respectez les sections désactivées, puis prévisualisez avec une ressource réelle.