02GéNéRAL

Boutons

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

Boutons

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

Ce que le thème fait automatiquement

Cette section affiche uniquement les éléments disposant de contenu. Les éléments laissés vides sont ignorés afin de préserver la mise en page.

Comprendre les réglages

Réglages communs

Hauteur minimalebutton_min_height
Par défaut : 50 · Plage : 40–64px
Arrondibutton_corner_radius
Par défaut : 40 · Plage : 0–40px
Taille du textebutton_font_size
Par défaut : 14 · Plage : 12–18px
Épaisseur du textebutton_font_weight
Par défaut : 700 · Choix : Moyenne, Semi-grasse, Grasse
Intensité de l’ombrebutton_shadow_opacity
Par défaut : 18 · Plage : 0–40%

Bouton principal

Fondbutton_primary_background
Par défaut : #FFF9F6
Textebutton_primary_text
Par défaut : #171214
Bordurebutton_primary_border
Par défaut : #FFF9F6
Fond au survolbutton_primary_hover_background
Par défaut : #D39A84
Texte au survolbutton_primary_hover_text
Par défaut : #171214
Bordure au survolbutton_primary_hover_border
Par défaut : #E5B09A

Bouton secondaire

Fondbutton_secondary_background
Par défaut : #71575B
Textebutton_secondary_text
Par défaut : #FFF9F6
Bordurebutton_secondary_border
Par défaut : #FFFFFF
Fond au survolbutton_secondary_hover_background
Par défaut : #FFFFFF
Texte au survolbutton_secondary_hover_text
Par défaut : #171214
Bordure au survolbutton_secondary_hover_border
Par défaut : #FFFFFF

Bouton glass

Utilisé pour les flèches, boutons de fermeture, actions compactes et contrôles de carrousel.

Couleur du fondbutton_glass_background
Par défaut : #71575B
Opacité du fondbutton_glass_background_opacity
Par défaut : 22 · Plage : 0–80%
Icône ou textebutton_glass_text
Par défaut : #FFF9F6
Bordurebutton_glass_border
Par défaut : #FFF9F6
Opacité de la bordurebutton_glass_border_opacity
Par défaut : 24 · Plage : 0–80%
Taille des boutons carrésbutton_glass_size
Par défaut : 50 · Plage : 36–64px

Ombre des SVG du bouton glass

Afficher une ombre sur les SVG des boutons glassbutton_glass_svg_shadow_enabled
Par défaut : désactivé
Intensité de l’ombrebutton_glass_svg_shadow_intensity
Par défaut : 100 · Plage : 0–100%
Flou de l’ombrebutton_glass_svg_shadow_blur
Par défaut : 8 · Plage : 0–30px
Position horizontalebutton_glass_svg_shadow_x
Par défaut : 4 · Plage : -12–12px
Position verticalebutton_glass_svg_shadow_y
Par défaut : 4 · Plage : -12–12px
Couleur de l’ombrebutton_glass_svg_shadow_color
Par défaut : #000000

Blocs disponibles

Cette section ne contient pas de blocs réorganisables. Son contenu est contrôlé par ses réglages et les données Shopify associées.

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.