# Section bloc de texte

### **Ce que vous apprendrez**

* Comment ajouter et formater le sous-titre et le texte principal
* Comment contrôler l'alignement, la taille de la police et les couleurs
* Comment activer les effets d'animation
* Comment télécharger et appliquer des polices personnalisées

***

### 🧩 Présentation de la section

La section Bloc de texte est parfaite pour raconter une histoire, des déclarations de mission ou des descriptions de marque. Vous pouvez ajouter un **sous-titre**, un **bloc de texte principal**, et personnaliser la disposition, la typographie et les espacements pour ordinateur et mobile.

***

### Comment ajouter la section

1. Dans le **éditeur de thème Shopify**, cliquez sur **Ajouter une section**
2. Choisissez **Bloc de texte**
3. Positionnez-le dans votre mise en page selon vos besoins

***

### Contenu & Données

* **Sous-titre** : Une petite étiquette ou ligne d'introduction (par ex. « ABOUT US »)
* **Texte principal** : Le texte de paragraphe principal
* Les deux champs prennent en charge uniquement du texte brut (pas de HTML ni de mise en forme enrichie)

***

### Disposition & Affichage

* **Alignement du sous-titre** : Choisissez gauche, centre ou droite
* **Alignement du texte** : Choisissez gauche, centre ou droite

> 💡 Astuce : L'alignement centré fonctionne bien pour de courtes déclarations de mission ou des citations

***

### Paramètres de typographie

#### Polices

Vous pouvez choisir parmi les polices intégrées ou télécharger la vôtre.

* **Police du sous-titre** et **Police du texte** : Sélectionnez dans la liste déroulante
* **Activer la police personnalisée** : Activez ceci pour utiliser la vôtre

Pour utiliser une **police personnalisée**, suivez ces étapes :

#### 🛠️ Comment ajouter une police personnalisée

1. Téléversez votre fichier de police (généralement `.woff2`) vers **Paramètres > Fichiers** dans l'administration Shopify
2. Copiez l'URL du fichier
3. Dans les paramètres du Bloc de texte :
   * Collez le **nom de la police** (par ex., "MyCustomFont") dans `Nom de police personnalisée pour le sous-titre` ou `Nom de police personnalisée pour le texte`
   * Collez le **URL du fichier** dans `URL de la police personnalisée pour le sous-titre` ou `URL de la police personnalisée pour le texte`

Une fois enregistré, votre texte s'affichera avec la police personnalisée que vous avez téléchargée.

***

#### Tailles de police

Ajustez les tailles de police séparément pour ordinateur et mobile :

* **Taille de police du sous-titre** (Ordinateur / Mobile)
* **Taille de la police du texte** (Ordinateur / Mobile)
* Basculer **Sous-titre en gras** ou **Texte en gras** pour plus d'emphase

***

### Couleurs

* **Couleur de fond** : Fond uni ou dégradé
* **Couleur du sous-titre**
* **Couleur du texte**

Toutes les couleurs sont définies à l'aide de codes hexadécimaux ou du sélecteur de couleurs de Shopify.

***

### Style

* **Animation du texte** : Choisissez parmi :
  * Pas d'animation
  * Machine à écrire
  * Fondu vers le haut
  * Révéler

Les animations s'appliquent uniquement au texte principal et se déclenchent lorsque la section défile dans la vue.

***

### Espacement

Contrôlez le padding supérieur et inférieur pour ordinateur et mobile :

* **Espacement supérieur (Ordinateur / Mobile)**
* **Espacement inférieur (Ordinateur / Mobile)**
* Basculer **Supprimer le padding de la section** pour étendre la section d'un bord à l'autre

> 💡 Utilisez un espacement augmenté lorsque vous empilez cette section entre des blocs lourds en médias.

***

### **Besoin d'aide ?**

* 💬 **Rejoignez notre communauté sur Discord :** <https://discord.gg/hcc2GvgZc6>
* 📧 **Envoyez-nous un e-mail à :** <support@openspaces.design>
* 💻 **Chat en direct avec nous :** Disponible du lundi au vendredi, de 10h à 18h EST, directement sur notre site web