ℹ️ 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 ✨

Mis à jour le : 10/09/2026