03GéNéRAL

Showroom avec hotspots

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

Showroom avec hotspots

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

Ce que le thème fait automatiquement

  • →

    Certaines données peuvent provenir des métachamps Shopify ; une valeur absente masque généralement l’élément concerné.

Comprendre les réglages

Bannière

Configurez le visuel, les textes, les dimensions et le contraste de la bannière.

Afficher la bannièreshow_hero
Par défaut : activé
Image de la bannièrehero_image
Image de la bannière mobilehero_mobile_image
Titrehero_heading
Textehero_text
Alignement du textehero_text_position
Par défaut : center · Choix : Gauche, Centre, Droite
Hauteur de la bannière sur ordinateurhero_height_desktop
Par défaut : 420 · Plage : 280–760px
Hauteur de la bannière sur mobilehero_height_mobile
Par défaut : 340 · Plage : 220–560px
Taille du titre sur ordinateurhero_heading_size_desktop
Par défaut : 54 · Plage : 28–84px
Taille du titre sur mobilehero_heading_size_mobile
Par défaut : 34 · Plage : 22–52px
Taille du textehero_text_size
Par défaut : 20 · Plage : 13–28px
Opacité du voilehero_overlay_opacity
Par défaut : 25 · Plage : 0–80%

Mise en page

Réglez les dimensions, la disposition et les espacements de la section.

Espacement des images sur ordinateurgrid_gap
Par défaut : 12 · Plage : 4–28px
Espacement des images sur mobilemobile_grid_gap
Par défaut : 10 · Plage : 4–24px
Marge interne hautesection_padding_top
Par défaut : 32 · Plage : 0–100px
Marge interne bassesection_padding_bottom
Par défaut : 72 · Plage : 0–120px
Marge interne haute sur mobilemobile_padding_top
Par défaut : 24 · Plage : 0–80px
Marge interne basse sur mobilemobile_padding_bottom
Par défaut : 52 · Plage : 0–100px
Afficher les filtresshow_filters
Par défaut : activé
Libellé du filtre Tousall_label
Afficher la paginationshow_pagination
Par défaut : activé
Images par pageitems_per_page

Ce nombre est utilisé uniquement lorsque la pagination est activée.

Par défaut : 12 · Plage : 4–24

Interaction de la grille

Ajustez le retour visuel affiché au survol des éléments de la grille.

Épaisseur de la bordure au survolhover_border_size
Par défaut : 5 · Plage : 2–10px
Flou des points interactifs produithotspot_blur
Par défaut : 16 · Plage : 0–40px

Popup et produits

Réglez la fenêtre de détail, les actions d’achat et les informations produit visibles.

Largeur de la popupmodal_width
Par défaut : 1180 · Plage : 760–1480px
Opacité du fond de popupmodal_overlay_opacity
Par défaut : 55 · Plage : 20–90%
Titre de la liste produitsproducts_heading
Texte du bouton d'ajout au panieradd_to_cart_label
Texte du bouton tout ajouteradd_all_label
Texte de rupture de stocksold_out_label
Texte si aucun produit n'est ajoutéempty_products_text
Afficher la marqueshow_vendor
Par défaut : désactivé
Afficher la description produitshow_description
Par défaut : activé
Afficher les metafields personnalisésshow_metafields
Par défaut : activé

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

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

Filtrefilter

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

Image ambianceroom

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.