03GéNéRAL

Bouton flottant Opaline

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

À QUOI CELA SERT

Bouton flottant Opaline

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

COMPORTEMENTS IMPLICITES

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.

CONFIGURATION

Comprendre les réglages

Action du bouton

Définissez la destination du bouton et les textes utilisés à l’écran et par les technologies d’assistance.

Lienbutton_link

Ouvrir dans un nouvel ongletopen_new_tab

Par défaut : désactivé

Texte du boutonlabel

Label accessibilitéaccessibility_label

Ce texte décrit la section aux technologies d’assistance et n’est pas affiché visuellement.

Position

Choisissez l’emplacement du bouton et ses dimensions selon l’appareil.

Position horizontale desktopdesktop_side

Par défaut : right · Choix : Gauche, Droite

Position verticale desktopdesktop_y

Par défaut : 78 · Plage : 0–100%

Position horizontale mobilemobile_side

Par défaut : right · Choix : Gauche, Droite

Position verticale mobilemobile_y

Par défaut : 84 · Plage : 0–100%

Taille du boutonbutton_size

Par défaut : 3.6 · Plage : 1–5rem

Texte

Choisissez l’affichage et la position du libellé à côté du bouton.

Texte sur desktoptext_desktop

Par défaut : hover · Choix : Toujours visible, Visible au survol, Masqué

Texte sur mobiletext_mobile

Par défaut : hidden · Choix : Visible, Masqué

Position du texte autour du boutonlabel_position

Par défaut : left · Choix : À gauche, À droite, Au-dessus, En dessous

Icône

Choisissez la source et le visuel de l’icône du bouton.

Source de l’icôneicon_source

Par défaut : builtin · Choix : Icône intégrée, Image, SVG personnalisé

Icône intégréeicon

Par défaut : chat · Choix : Recherche, Menu, Compte, Discussion, E-mail, Téléphone, Sac, Cœur, Client, Étincelle, Question, Voir, Livraison, Retour, Mesures, Soin, Sécurité, Paiement, Cadeau, Matières, Plus, Panier, Validation, Flèche diagonale, Flèche gauche, Flèche droite, Étoile, Quiz, X, Facebook, Pinterest, Instagram, TikTok, WhatsApp, Look, Plus, Moins, Fermer, Chevron gauche, Chevron droit, Chevron bas, Information, Avertissement, Filtrer, Trier, Grille, Liste, Zoom, Lecture, Pause, Copier, Partager, Lien, Télécharger, Réduction, Étiquette, Colis, Stock, Boutique, Reçu, Calendrier, Horloge, Localisation, Globe, Feuille, Recycler, Recharge, Végane, Sans cruauté animale, Naturel, Goutte, Flacon, Peau, Soleil, Cintre, Tissu, Chaussure, Diamant, Bague, Collier, Boucles d’oreilles, Thé, Tasse, Bouteille, Pétillant

Image d’icôneicon_image

SVG personnaliséicon_svg

Collez un SVG simple.

Liquid glass

Ajustez l’intensité de l’effet de verre du bouton flottant.

Glass floutéglass_blur

Par défaut : 16 · Plage : 0–40px

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

COMPOSITION

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.

POINTS DE CONTRôLE

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.