Section Marquee

Ce que vous apprendrez

  • Comment créer une bannière de texte défilante

  • Comment ajouter des arrière-plans d’image, de diaporama ou de vidéo

  • Comment ajuster la vitesse, la taille et la disposition du texte

  • Comment personnaliser l’apparence sur ordinateur et mobile

🧩 Aperçu de la section

La section Marquee affiche un grand texte défilant horizontalement avec des arrière-plans optionnels. Elle est parfaite pour des messages percutants — comme des déclarations promotionnelles, des slogans ou des titres.

Cette section prend en charge la personnalisation de l’arrière-plan avec :

  • Images statiques

  • Diaporamas (jusqu’à 3 diapositives)

  • Vidéos (lecture automatique et muettes)

  • Remplissages en couleur unie

Comment ajouter la section

  1. Dans le Éditeur de thème Shopify, cliquez Ajouter une section

  2. Sélectionnez Marquee

  3. Faites-le glisser à l’emplacement souhaité dans la mise en page

Paramètres du texte Marquee

  • Contenu du texte Marquee: Ajoutez ici votre texte défilant

  • Afficher le texte Marquee: Activez ou désactivez (utile si utilisé comme section uniquement en arrière-plan)

  • Taille du texte Marquee (ordinateur): Ajustez la taille du texte en pixels

  • Taille du texte Marquee (mobile): Définissez une taille différente pour les petits écrans

  • Couleur du texte Marquee: Définissez la couleur du texte à l’aide d’un code hexadécimal

  • Vitesse du Marquee: Contrôle la vitesse de déplacement du texte (plus élevé = plus rapide)

💡 Astuce : des vitesses entre 5 et 15 offrent généralement le meilleur équilibre entre visibilité et mouvement.

Options de style d’arrière-plan

Choisissez votre style d’arrière-plan sous Style d’arrière-plan Marquee:

  • Couleur unie: Définir des couleurs différentes pour le bureau et le mobile

  • Arrière-plan image: Téléchargez des images séparées pour l’ordinateur et le mobile

  • Arrière-plan diaporama: Téléchargez jusqu’à 3 images tournantes

  • Arrière-plan vidéo: Téléchargez un fichier muet .mp4 fichier qui se répète

⚠️ Sur les iPhone en mode économie d’énergie, les vidéos peuvent ne pas se lancer automatiquement en raison des restrictions système.

Mise en page et affichage

  • Hauteur de la section: Choisissez parmi :

    • Hauteur complète (remplit tout l’écran)

    • Hauteur automatique (en fonction du contenu)

Paramètres de superposition

Personnalisez les superpositions pour les deux Ordinateur et Mobile:

  • Couleur de superposition (haut/bas): Ajoute un ombrage au-dessus ou en dessous

  • Opacité de la superposition (haut/bas): Ajustez pour contrôler la transparence

Utilisez des superpositions pour améliorer le contraste du texte sur des arrière-plans lumineux.

Espacement

Vous pouvez définir des espacements supérieurs et inférieurs différents pour l’ordinateur et le mobile :

Espacement pour ordinateur

  • Haut : réglable (par défaut 0px)

  • Bas : réglable (par défaut 0px)

Espacement pour mobile

  • Haut : réglable (par défaut 0px)

  • Bas : réglable (par défaut 0px)

💡 Utilisez un espacement supplémentaire si la bannière est empilée près d’autres sections en hauteur complète.

Option de repli pour mobile

Si votre arrière-plan principal est une vidéo ou diaporama, vous pouvez forcer la version mobile à afficher une image à la place.

  • Basculer Remplacer l’arrière-plan mobile par une image pour activer ceci

Ceci est utile pour les performances et la fiabilité sur les appareils plus anciens ou en cas de faible bande passante.

Une fois les comptes hérités activés, utilisez les pages de documentation de cette section pour styliser chaque partie de l'expérience client.

PrécédentSection Flux d'imagesSuivantSection préchargeur

Mis à jour