# 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

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 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 `.mp4` fichier 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 à :** <support@openspaces.design>
* 💻 **Discutez en direct avec nous :** Disponible du lundi au vendredi, de 10h à 18h EST, directement sur notre site web
