03GéNéRAL

Quiz style Opaline

Cette page explique le comportement réel de « Quiz style Opaline », les données dont il dépend et l’effet de ses réglages.

Quiz style Opaline

Cette page explique le comportement réel de « Quiz style Opaline », les données dont il dépend et l’effet de ses réglages.

Présente dans les modèles
page.take-the-skin-quiz.json

Ce que le thème fait automatiquement

  • →

    L’inscription utilise le formulaire client Shopify ; aucune base d’abonnés séparée n’est créée par le thème.

Comprendre les réglages

Affichage

Choisissez la façon dont la section ou son déclencheur apparaît aux visiteurs.

Mode d’affichagedisplay_mode
Par défaut : section · Choix : Section normale, Drawer avec bouton flottant

Lien vers l’assistant de recommandation

Le lien ouvre l’assistant virtuel global. Il reste masqué lorsque l’assistant est désactivé.

Afficher le lien d’aide aux taillesshow_sizing_help_link
Par défaut : activé
Libellé du liensizing_help_label
Par défaut : Je ne trouve pas ma taille
Clé de l’assistantsizing_help_key
Par défaut : sizing-help
Texte du bouton flottantfloating_label
Position horizontale desktopfloating_desktop_side
Par défaut : right · Choix : Gauche, Droite
Position verticale desktopfloating_desktop_y
Par défaut : 78 · Plage : 0–100%
Position horizontale mobilefloating_mobile_side
Par défaut : right · Choix : Gauche, Droite
Position verticale mobilefloating_mobile_y
Par défaut : 84 · Plage : 0–100%
Taille du bouton flottantbutton_size
Par défaut : 3.6 · Plage : 1–5rem
Texte du bouton sur desktopfloating_text_desktop
Par défaut : hover · Choix : Toujours visible, Visible au survol, Masqué
Texte du bouton sur mobilefloating_text_mobile
Par défaut : hidden · Choix : Visible, Masqué
Position du texte autour du boutonfloating_label_position
Par défaut : left · Choix : À gauche, À droite, Au-dessus, En dessous
Source de l’icônefloating_icon_source
Par défaut : builtin · Choix : Icône intégrée, Image, SVG personnalisé
Icône intégréefloating_icon
Par défaut : sparkle · Choix : Scintillement, Cintre, Mesure, Flèche, Plus
Image d’icônefloating_icon_image
SVG personnaliséfloating_icon_svg

Collez un SVG simple.

Largeur du drawerdrawer_width
Par défaut : 760 · Plage : 420–980px
Glass floutéglass_blur
Par défaut : 16 · Plage : 0–40px
Marge hautepadding_top
Par défaut : 96 · Plage : 0–180px
Marge bassepadding_bottom
Par défaut : 96 · Plage : 0–180px

Introduction

Renseignez les textes et le visuel présentés au début du parcours.

Surtitrekicker
Titretitle
Texte d’introductionintro
Image par défaut des questionsfallback_image

Navigation

Choisissez le menu principal et le comportement d’ouverture de la navigation.

Passer automatiquement à la question suivanteauto_advance
Par défaut : activé
Texte bouton précédentprevious_label
Texte bouton suivantnext_label
Texte bouton finfinish_label

Capture email

Configurez l’étape facultative de collecte d’e-mail et ses messages de validation.

Demander l’email avant le résultatenable_capture
Par défaut : désactivé
Surtitre capturecapture_kicker
Titre capturecapture_title
Texte capturecapture_text
Label emailemail_label
Texte indicatif de l’e-mailemail_placeholder
Bouton emailsubmit_label
Rendre le consentement obligatoirerequire_consent
Par défaut : activé
Texte consentementconsent_text
Afficher un lien pour voir le résultat sans emailallow_skip_email
Par défaut : activé
Texte du lien sans emailskip_label
Après la capture emailresult_behavior

Choisissez si le résultat reste dans le quiz ou dirige vers la destination configurée.

Par défaut : inline · Choix : Afficher le résultat sur cette page, Rediriger vers la page résultat
Message email invalideinvalid_email_message
Message consentementconsent_error_message
Message chargementloading_message
Message si l’envoi échouefallback_message

Produits recommandés

Réglez le titre et le nombre de produits proposés dans les résultats du quiz.

Surtitre produitsproducts_kicker
Titre produitsproducts_title
Nombre de produits affichésproducts_limit
Par défaut : 6 · Plage : 1–12
Afficher tous les produits sélectionnésshow_all_products
Par défaut : activé

Résultat de secours

Personnalisez le profil affiché lorsqu’aucun résultat précis ne peut être déterminé.

Surtitre résultat de secoursfallback_result_kicker
Titre résultat de secoursfallback_result_title
Texte résultat de secoursfallback_result_text

Palette de la section

Applique une palette cohérente au fond, au texte et aux boutons de cette section.

Apparence de la section

Utiliser une palette dédiéeopaline_use_color_scheme
Par défaut : désactivé
Paletteopaline_color_scheme
Par défaut : scheme-1

Titre

Alignement sur ordinateuropaline_heading_alignment
Par défaut : inherit · Choix : Conserver le design, Gauche, Centre, Droite

Espacement

Espace après la sectionopaline_section_spacing

Crée un espace entre cette section et la suivante. L’espacement mobile s’adapte automatiquement.

Par défaut : 0 · Plage : 0–160px
Retrait à gauche et à droiteopaline_content_inset

Éloigne le contenu des bords. L’espacement mobile s’adapte automatiquement.

Par défaut : 0 · Plage : 0–120px

Blocs disponibles

Questionquestion

Ajoutez ce bloc uniquement lorsqu’il apporte une information utile au parcours.

Résultatresult

Ajoutez ce bloc uniquement lorsqu’il apporte une information utile au parcours.

Avant de publier

  • ✓

    Le contenu reste lisible dans toutes les palettes.

  • ✓

    Les libellés correspondent à la langue de la boutique.

  • ✓

    Les promotions affichées correspondent aux règles Shopify.

  • ✓

    Les interactions restent accessibles au clavier et au toucher.