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.

• Besoin d'aide ? 💬 Rejoignez notre communauté sur Discord :

• https://discord.gg/hcc2GvgZc6 📧 Envoyez-nous un e-mail à :

• [email protected] 💻 Chat en direct avec nous :