> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.hoppyapps.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# 🚀 Comment personnaliser l'espacement autour de la Fente Picker

> ℹ️ **Note:** Cet article a été traduit automatiquement en utilisant l'IA et peut contenir des inexactitudes. Si quelque chose ne va pas, veuillez contacter notre équipe de soutien.

Parfois, le piqueur de fentes est un peu trop près des éléments qui l'entourent, ou il se sent à l'intérieur de son propre contenant. Quelques pixels de salle de respiration peuvent le faire regarder à la maison à la page de votre panier 📐

Avec **Espacement** paramètres dans Hoppy Delivery Dates, vous pouvez ajuster les marges autour de chaque partie du sélecteur — séparément pour Bureau et Mobile.

---

# **📌 Avant de commencer**

*   Hoppy Delivery Dates est installé et l'intégration de l'application est activée dans votre thème
*   Le sélectionneur de fentes est visible sur votre page de panier
*   Vous êtes connecté à votre Shopify administrateur

---

# **Étape 1 — Ouvrir la page d'apparence**

Dans la navigation de l'application, allez à:

**Hoppy Delivery Dates → Apparence**

Trouvez la **Espacement** carte.

La carte a **Bureau** et **Mobile** onglets — l'espacement est configuré séparément pour chaque appareil.

---

# **Étape 2 — Comprendre les quatre groupes d'espacement**

La carte est divisée en quatre groupes, et chacun contrôle la marge autour d'une partie différente du piqueur :

*   **SECTION MARGIN** → espace autour de toute la section de sélection de fentes
*   **MARGIN DE LA TÊTE** → espace autour du texte du titre (par exemple « Quand voulez-vous obtenir cet ordre ? »)
*   **DATE ET HEURE MARGIN DE PIQUETER** → espace autour des boîtes d'entrée date et heure
*   **MARGE DE MESSAGE ERREUR** → espace autour des messages d'erreur (montré quand un client n'a pas sélectionné une fente ou est en dessous de la valeur de commande minimale)

Chaque groupe a les mêmes quatre champs, tous en pixels :

*   **Haut**
*   **Bas**
*   **Gauche**
*   **Droite**

ℹ️ Tous les champs par défaut `10` - Oui.

---

# **Étape 3 — Ajuster les marges**

Entrez le nombre de pixels que vous voulez dans chaque champ — pas besoin de taper "px", il est ajouté automatiquement.

### **Exemple**

*   Le piqueur touche le bouton de caisse → augmenter **SECTION MARGIN → Haut** à `24`
*   Le cap se sent collé à la boîte de date → augmenter **MARGINE DE LA TÊTE → Bas** à `16`
*   Sur mobile, les boîtes de sélection stretch bord à bord → set **DATE ET HEURE MARGIN DE PIQUETER → Gauche** et **Droite** à `0`

💡 Faites de petits changements (5-10 px à la fois), économisez et vérifiez votre page Cart — l'espacement est beaucoup plus facile à juger sur la page live que dans les champs.

---

# **Étape 4 — Répéter pour mobile (facultatif)**

Passez au **Mobile** onglet si les écrans plus petits ont besoin d'espacement différent. Les mises en page mobiles ont souvent besoin de marges plus étroites que le bureau, donc il vaut la peine d'un contrôle rapide.

---

# **Étape 5 — Enregistrer et revoir**

Cliquez sur **Enregistrer** en haut de la page.

Ensuite, ouvrez la page Cart de votre magasin et vérifiez l'espacement sur le bureau et mobile 👀

---

# **⚠️ Remarques importantes**

⚠️ L'espacement des bureaux et des mobiles est indépendant, le changement d'un onglet n'affecte pas l'autre.

ℹ️ Ces paramètres ne contrôlent que les marges (espace _extérieur_ chaque élément). Ils ne changent pas la taille du piqueur lui-même — pour cela, voir le **Largeur du contenant du slot** setting couvert dans Comment positionner la Fente Picker sur la page du panier.

---

# **🎉 Résultat final**

Une fois configuré avec succès :

✅ La machine à sous a un espace confortable autour sur la page du panier ✅ Le titre, la date et les boîtes d'heure, et les messages d'erreur ne se sentent plus à l'écart ✅ Bureau et Mobile obtiennent chacun un espacement qui correspond à leur taille d'écran ✨