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

Actualizado em: 10/09/2026