> ## 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).

# 🚀 Como personalizar o espaço em torno do caça-níqueis

> ℹ️ **Note:** Este artigo foi traduzido automaticamente utilizando IA e pode conter imprecisões. Se algo parecer errado, entre em contato com nossa equipe de suporte.

Às vezes, o catador de fendas fica um pouco perto demais dos elementos ao seu redor — ou se sente apertado dentro de seu próprio recipiente. Alguns pixels de sala de respiração pode fazê-lo olhar para casa em sua página Carrinho 📐

Com o **Espaço** configurações em Hoppy Delivery Dates, você pode ajustar as margens em torno de cada parte do seletor - separadamente para Desktop e Mobile.

---

# **📌 Antes de começar**

*   Hoppy Delivery Dates está instalado e o aplicativo embed está habilitado em seu tema
*   O caça-níqueis está visível na página do seu Carrinho
*   Estás ligado ao teu Shopify administrador

---

# **Passo 1 — Abra a Página de Aparência**

Na navegação do aplicativo, acesse:

**Hoppy Delivery Dates → Aparência**

Encontrar o **Espaço** Cartão.

O cartão tem **Área de trabalho** e **Telemóvel** tabulações — o espaçamento é configurado separadamente para cada dispositivo.

---

# **Passo 2 — Entenda os Quatro Grupos de Espaço**

A carta é dividida em quatro grupos, e cada um controla a margem em torno de uma parte diferente do catador:

*   **SECÇÃO MARGEM** → espaço em torno de toda a seção de seleção de slot
*   **MARGEM CHEFE** → espaço em torno do texto do cabeçalho (por exemplo, "Quando você gostaria de obter esta Ordem?")
*   **MARGEM DA DATA E DA HORA** → espaço em torno das caixas de entrada de data e hora
*   **MARGEM DE MENSAGEM DE ERRO** → espaço em torno de mensagens de erro (mostrado quando um cliente não selecionou um slot ou está abaixo do valor mínimo de pedido)

Cada grupo tem os mesmos quatro campos, todos em pixels:

*   **Topo**
*   **Fundo**
*   **Esquerda**
*   **Direita**

ℹ️ Todos os campos predefinidos `10` px.

---

# **Passo 3 — Ajuste as margens**

Digite o número de pixels que você deseja em cada campo — não há necessidade de digitar "px", ele é adicionado automaticamente.

### **Exemplo**

*   O seletor está tocando no botão checkout → aumentar **SECÇÃO MARGINA → Topo** para `24`
*   O cabeçalho se sente colado à caixa de data → aumento **MARGEM DE CABEÇA → Fundo** para `16`
*   No móvel, as caixas de coleta esticar borda até borda → conjunto **DATA & HORA PICKER MARGIN → Esquerda** e **Direita** para `0`

💡 Faça pequenas alterações (5–10 px de cada vez), salve e verifique sua página Carrinho — espaçamento é muito mais fácil de julgar na página ao vivo do que nos campos.

---

# **Passo 4 – Repetir para celular (Opcional)**

Mudar para o **Telemóvel** aba se telas menores precisam de espaçamento diferente. Os layouts móveis muitas vezes precisam de margens mais apertadas do que o desktop, então vale a pena uma verificação rápida.

---

# **Passo 5 — Salvar e Recapitular**

Clique **Gravar** no topo da página.

Em seguida, abra a página Carrinho da sua loja e verifique o espaçamento em desktop e móvel 👀

---

# **⚠️ Notas Importantes**

⚠️ O espaçamento Desktop e Mobile são independentes — mudar uma aba não afeta a outra.

ℹ️ Estas configurações apenas controlam margens (espaço) _fora_ Cada elemento). Eles não mudam o tamanho do próprio catador — para isso, veja o **Largura do recipiente de caça-níqueis** configuração coberta em Como posicionar o caça-níqueis na Página de Carrinho.

---

# **🎉 Resultado Final**

Uma vez configurado com sucesso:

✅ O caça-níqueis tem espaço confortável em torno dele na página Carrinho ✅ O cabeçalho, as caixas de data e hora e as mensagens de erro já não se sentem apertadas ✅ Desktop e Mobile cada obter espaçamento que se encaixa em seu tamanho de tela ✨