Section bandeau défilant
Ce que vous apprendrez
Comment créer une bannière de texte défilante
Comment ajouter des images, un diaporama ou des arrière-plans vidéo
Comment ajuster la vitesse, la taille et la mise en page du texte
Comment personnaliser l'apparence sur ordinateur et mobile
🧩 Présentation 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 annonces 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 de couleur unie
Comment ajouter la section
Dans le éditeur de thème Shopify, cliquez Ajouter une section
Sélectionnez Marquee
Faites-le glisser à l'emplacement souhaité dans la mise en page
Paramètres du texte de la Marquee
Contenu du texte de la Marquee : Ajoutez votre texte défilant ici
Afficher le texte de la Marquee : Activez ou désactivez (utile si utilisé comme section uniquement en arrière-plan)
Taille du texte de la Marquee (Bureau) : Ajustez la taille du texte en pixels
Taille du texte de la Marquee (Mobile) : Définissez une taille différente pour les petits écrans
Couleur du texte de la Marquee : Définissez la couleur du texte à l'aide d'un code hexadécimal
Vitesse de la 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 de la Marquee:
Couleur unie: Définir des couleurs différentes pour le bureau et le mobile
Arrière-plan image : Téléversez des images distinctes pour le bureau et le mobile
Arrière-plan diaporama : Téléversez jusqu'à 3 images rotatives
Arrière-plan vidéo : Téléversez un
.mp4fichier qui se répète
⚠️ Sur les iPhones en mode faible consommation, les vidéos peuvent ne pas se lancer automatiquement en raison des restrictions du 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 Bureau et Mobile:
Couleur de superposition (Haut/Bas) : Ajoute une ombre 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 le bureau et le mobile :
Espacement pour ordinateur
Haut : Ajustable (par défaut 0px)
Bas : Ajustable (par défaut 0px)
Espacement mobile
Haut : Ajustable (par défaut 0px)
Bas : Ajustable (par défaut 0px)
💡 Utilisez un espacement supplémentaire si la marquee 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 conditions de faible bande passante.
Besoin d’aide ?
💬 Rejoignez notre communauté sur Discord : https://discord.gg/hcc2GvgZc6
📧 Envoyez-nous un e-mail à : [email protected]
💻 Discutez en direct avec nous : Disponible du lundi au vendredi, de 10h à 18h EST, directement sur notre site web
Mis à jour