# 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

<figure><img src="/files/50aaf61824e85c218be215d6803ef4c2a8ab5191" alt=""><figcaption></figcaption></figure>

***

### 🧩 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


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.openspaces.design/plain-jane-docs-v2-fr/readme-1/sections-and-features/marquee-section.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
