O widget é estreito demais ou tem um grande espaço vazio

Se o widget for estreito demais, tiver um espaço vazio grande ou se sobrepuser ao conteúdo próximo, comece pelas configurações integradas de largura e espaçamento. Se elas não resolverem o problema, talvez seja necessário ajustar o contêiner de posicionamento do tema.

Defina a largura

1. Abra o desconto no Bundlex e acesse a aba Estilo.
2. Expanda Estilo do widget e depois Container.
3. Defina Largura máxima como Largura total (100%) ou escolha Personalizado e informe uma largura.
4. Salve e verifique a página do produto no desktop e no celular.

A largura padrão é Padrão da Shopify (44rem). A largura total preenche o contêiner pai do widget, portanto não pode ampliar uma coluna estreita do tema.

Ajuste o espaço acima ou abaixo

Na mesma seção Container, use Margem superior e Margem inferior para ajustar o espaço. Essas configurações pertencem a este desconto e são mais fáceis de manter do que uma substituição de CSS aplicada à loja inteira.

Se alterar as margens não afetar o espaço, ele pode pertencer a outro bloco ou seção do tema. Compartilhe a URL do produto com o suporte para que possamos identificar qual elemento é responsável por ele.

O widget se sobrepõe a avaliações, selos ou outros blocos

Um widget colocado dentro de um contêiner projetado para um botão de compra curto pode ultrapassar a altura fixa desse contêiner. Com isso, ele cobre o texto de entrega, as avaliações ou outro conteúdo abaixo. Aumentar a largura do widget ou adicionar margens pode não resolver o problema de posicionamento subjacente.

Entre em contato com o suporte informando a URL do produto e uma captura de tela que mostre a sobreposição. Podemos verificar um posicionamento adequado fora do contêiner restrito. Não remova outro app apenas porque o conteúdo dele está logo abaixo do widget.

Antes de mudar para um bloco de app

Se você escolher o posicionamento manual do bloco, verifique primeiro se ele está dentro de uma seção renderizada na página real do produto. Depois de desativar a incorporação, recarregue essa página imediatamente. Se o widget desaparecer, ative a incorporação novamente e entre em contato com o suporte.

Para descontos com brindes, manter a incorporação também preserva a remoção dos brindes na página do carrinho. Consulte como escolher entre a incorporação e o bloco de app.

Quando o CSS personalizado é necessário

Use CSS personalizado somente quando as configurações integradas não permitirem expressar a alteração. Envie ao suporte a URL do produto e o layout desejado, incluindo se ele deve ser diferente no celular. Isso nos permite direcionar o contêiner correto, em vez de aplicar uma regra ampla a todos os descontos.