Ir para o conteúdo principal
Upsells e complementos

Mostrar upsells ao lado do carrinho no desktop

Upsell lateral mostra cards de produtos em um painel separado ao lado do drawer. Ele oferece espaço para que os clientes no desktop naveguem pelas sugestões sem adicioná-las à coluna principal do carrinho.

Ative-o

Upsell lateral ativado com uma máscara selecionada manualmente com 20% de desconto e sua prévia separada ao lado do carrinho de exemplo.
(1) Escolha os produtos em Upsell lateral. (2) Uma porcentagem opcional define o preço da oferta. (3) A prévia do editor mostra o painel separado ao lado do drawer.
  1. Edite o carrinho e abra Carrinho > Upsell lateral.
  2. Ative o bloco e escolha sua Fonte dos produtos: produtos selecionados manualmente, coleções ou recomendações da Shopify.
  3. Defina o título, o Máximo de produtos e a Posição do upsell lateral.
  4. Salve e confira o resultado em uma vitrine no desktop.

Os produtos selecionados manualmente têm o mesmo campo opcional de desconto de % do bloco principal. Consulte aplicar desconto a um produto selecionado manualmente.

O painel lateral tem suas próprias opções de produtos. Os cards ficam empilhados verticalmente. Ele não tem o seletor de layout do bloco principal de Upsells. A posição do upsell lateral define em qual lado do drawer o painel ficará. Se esse também for o lado da tela em que o drawer está, ele se move para dentro para abrir espaço.

Por que ele não aparece no celular

Vitrine no desktop com uma oferta de máscara em um painel à esquerda do carrinho e as sugestões principais dentro do drawer.
(1) O painel lateral no desktop fica ao lado do drawer. (2) Os upsells principais continuam dentro dele. Esta máscara tem 20% de desconto nos dois locais porque a porcentagem elegível mais alta se aplica.

O painel precisa de uma janela de visualização com pelo menos 900 pixels de largura e 600 pixels de altura. Ele também fica oculto quando o carrinho está vazio ou quando o teclado na tela está aberto. Esse comportamento é esperado.

Para oferecer produtos em telas menores, ative também o bloco de Upsells regular dentro do drawer. O painel lateral não é movido automaticamente para esse bloco.

Altere os tamanhos compartilhados das imagens de upsell em Estilo. Esses tamanhos se aplicam às sugestões no drawer principal, no painel lateral e no carrinho vazio.

Este artigo foi útil?

Seu feedback nos ajuda a melhorar nossa documentação.

Obrigado, continuaremos aprimorando este artigo.

Quer conversar com nossa equipe? Ainda tem alguma dúvida?

Ainda precisa de ajuda?

Nossa equipe está a um clique de distância. Envie uma mensagem e responderemos em breve.

Usamos alguns cookies para manter este site funcionando, medir como ele é usado e ativar nosso widget de chat quando você o abrir. Consulte nossa política de cookies.