Resposta curta
Uma calculadora de portes no painel do carrinho deve responder à questão do destino e do custo sem transformar o painel numa segunda finalização da compra. Coloque-a perto do subtotal ou do botão de finalização da compra, mantenha o estado recolhido compacto, preserve os controlos de fechar e de finalizar a compra do painel, recalcule após alterações ao carrinho e teste o comportamento com teclado, toque, telemóvel e atualizações do tema. Como os painéis são específicos de cada tema, a compatibilidade tem de ser verificada no tema exato em produção.
Mantenha intacta a função principal do painel
O painel do carrinho existe para rever o carrinho e continuar a comprar ou finalizar a compra. Uma calculadora de portes deve apoiar essa decisão, não dominá-la. Utilize um convite curto, divulgação progressiva e resultados compactos que se mantenham legíveis junto ao subtotal e aos controlos de finalização da compra.
Atualize quando o carrinho muda
Um cálculo desatualizado é pior do que nenhum cálculo. Adicionar, remover ou alterar a quantidade pode mudar o peso, o subtotal, as combinações de perfis e a elegibilidade para envio gratuito. A calculadora deve atualizar o seu contexto ou pedir claramente um novo cálculo.
Desenhe para um espaço estreito e dinâmico
Os painéis são muitas vezes estreitos e com deslocamento. Evite o transbordo horizontal, mantenha as áreas de toque confortáveis, não tape o botão de finalização da compra e anuncie as alterações de resultado às tecnologias de apoio. Um estado de carregamento deve reservar espaço para que o painel não salte.
Volte a testar após alterações ao tema
Os temas podem substituir a marcação, os nomes de classes ou o comportamento de apresentação do painel durante uma atualização. Registe a versão e o seletor utilizados e inclua a calculadora em todas as verificações de regressão de atualizações do tema.
Lista de verificação
- Visível perto do subtotal ou da finalização da compra
- Estado fechado compacto
- Sem transbordo horizontal
- O botão de finalização da compra continua acessível
- Recalcula após atualizações do carrinho
- Os estados de carregamento e sem tarifas cabem
- O foco do teclado mantém-se lógico
- As alterações de resultado são anunciadas
- Testado em telemóvel
- As atualizações do tema desencadeiam novos testes
Perguntas
Todos os temas Shopify utilizam o mesmo painel do carrinho?
Não. A marcação e o comportamento do painel variam consoante o tema e a versão, por isso a compatibilidade tem de ser testada.
A calculadora deve abrir automaticamente?
Normalmente, mantenha-a compacta até o cliente pedir um cálculo, a não ser que os portes sejam a decisão dominante para o catálogo.
Onde devem aparecer os resultados?
Mantenha os resultados perto do campo de introdução e do subtotal, com o botão de finalização da compra ainda visível e utilizável.
Fontes
As páginas da Central de Ajuda do Shopify podem abrir em inglês.