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

Aggiornato il: 10/09/2026