> ## 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). # 🚀 Come Personalizzare lo Spacing intorno al raccoglitore di Fessura > ℹ️ **Note:** Questo articolo è stato tradotto automaticamente utilizzando AI e può contenere imprecisioni. Se qualcosa sembra sbagliato, si prega di contattare il nostro team di supporto. A volte il raccoglitore di slot si trova un po 'troppo vicino agli elementi intorno a esso — o si sente stretto all'interno del proprio contenitore. Alcuni pixel di sala respirazione possono farlo guardare a casa sulla pagina Cart 📐 Con il **Spaziatura** impostazioni Hoppy Delivery Dates, è possibile regolare i margini intorno a ogni parte del raccoglitore — separatamente per Desktop e Mobile. --- # **📌 Prima di iniziare** * Hoppy Delivery Dates è installato e l'app incorporata è abilitata nel vostro tema * Il raccoglitore di slot è visibile sulla tua pagina Cart * Sei collegato al tuo Shopify admin --- # **Fase 1 — Aprire la pagina Aspetto** Nella navigazione app, vai a: **Hoppy Delivery Dates → Aspetto** Trova il **Spaziatura** Carta. La carta ha **Desktop** e **Mobile** schede — la spaziatura è configurata separatamente per ogni dispositivo. --- # **Passo 2 — Capire i quattro gruppi di spaziatura** La carta è divisa in quattro gruppi, e ciascuno controlla il margine intorno a una parte diversa del raccoglitore: * **SEZIONE MARGIN** → spazio intorno all'intera sezione raccoglitore slot * **MARGIN DI HEADING** → spazio intorno al testo intestato (ad esempio "Quando volete ottenere questo ordine?") * **DATE & TIME PICKER MARGIN** → spazio intorno alla data e le caselle di ingresso del tempo * **MERCATO DI VALUTAZIONE** → spazio intorno ai messaggi di errore (indicato quando un cliente non ha selezionato una slot o è al di sotto del valore minimo dell'ordine) Ogni gruppo ha gli stessi quattro campi, tutti in pixel: * **Top** * **Fondo** * **Sinistra** * **Giusto.** ℹ️ Tutti i campi di default `10` px. --- # **Fase 3 — Regolare i margini** Inserire il numero di pixel che si desidera in ogni campo — non c'è bisogno di digitare "px", è aggiunto automaticamente. ### **Esempio** * Il picker tocca il pulsante di checkout → aumentare **SEZIONE MARGIN → Top** a `24` * La voce si sente incollata alla scatola di data → aumento **MARGIN DI HEADING → Fondo** a `16` * Su mobile, le scatole di picker allungano il bordo al bordo → set **DATE & TIME PICKER MARGIN → Sinistra** e **Giusto.** a `0` 💡 Fare piccoli cambiamenti (5-10 px alla volta), salvare e controllare la pagina Cart — la spaziatura è molto più facile da giudicare sulla pagina in diretta che nei campi. --- # **Passo 4 — Ripetere per il Mobile (opzionale)** Passare al **Mobile** scheda se gli schermi più piccoli hanno bisogno di spaziatura diversa. I layout mobili hanno spesso bisogno di margini più stretti rispetto al desktop, quindi vale la pena un controllo rapido. --- # **Passo 5 — Salvare e rivedere** Fare clic **Salva** in cima alla pagina. Quindi apri la pagina Cart del tuo negozio e controlla la spaziatura sia sul desktop che sul mobile 👀 --- # **⚠️ Note importanti** ⚠️ La spaziatura desktop e mobile sono indipendenti — cambiare una scheda non influisce sull'altra. ℹ️ Queste impostazioni controllano solo i margini (spazio _fuori_ ogni elemento). Non cambiano le dimensioni del raccoglitore stesso — per questo, vedere il **Larghezza del contenitore del raccoglitore di fessura** impostazione coperta in Come posizionare il raccoglitore di slot sulla pagina del carrello. --- # **🎉 Risultato finale** Una volta configurato con successo: ✅ Il raccoglitore di slot ha spazio confortevole intorno a esso sulla pagina Cart ✅ L'intestazione, la data e le caselle di tempo e i messaggi di errore non si sentono più stretti ✅ Desktop e Mobile ogni ottenere spaziatura che si adatta alle dimensioni dello schermo ✨