Ir para o conteúdo principal
Design e conteúdo do carrinho

Adicionar um botão flutuante do carrinho

O botão flutuante do carrinho é um botão redondo em um canto inferior da sua loja. Ele permanece no lugar enquanto os clientes rolam a página, mostra quantos itens há no carrinho e abre o carrinho lateral do app Bundlex Cart com um toque. Ele ajuda em páginas de produto longas, onde o cabeçalho e o ícone do carrinho saem da tela durante a rolagem.

Como ativar

  1. Edite o carrinho e abra a aba Carrinho.
  2. Em Na página, ative Botão flutuante do carrinho.
  3. Escolha um Canto: Inferior direito ou Inferior esquerdo.
  4. Escolha um Ícone: Carrinho de compras, Sacola de compras, Cesta ou Bolsa.
  5. Salve.

O botão fica desativado até você ativá-lo, então nada muda na sua loja antes de você salvar.

Escolha onde ele aparece

  • Mostrar no desktop e Mostrar no mobile definem os dispositivos. A prévia mostra o botão enquanto qualquer um deles estiver ativado.
  • Mostrar quando o carrinho estiver vazio mantém o botão na tela sem itens. Com essa opção desativada, o botão aparece apenas enquanto o carrinho tem itens.
  • Permitir que os clientes o arrastem permite que os clientes movam o botão. A posição fica salva no navegador deles.

O que os clientes veem

O botão traz um pequeno selo com a contagem. Ele desaparece enquanto o carrinho lateral está aberto e volta quando o carrinho lateral é fechado. Quando a barra Adicionar ao carrinho fixo do app Bundlex Bundles está visível, o botão sobe para não cobri-la.

Ele usa a cor de destaque do seu carrinho lateral até você escolher uma própria. Na aba Estilo, em Cores, abra a linha Botão flutuante do carrinho para definir Botão e Texto do botão. A linha só aparece enquanto o botão estiver ativado. Não há campo de tamanho. Para qualquer outra coisa, use CSS personalizado.

Leitores de tela e outros idiomas

Os leitores de tela anunciam o botão como "Abrir carrinho". Altere esse texto em Avançado > Mensagens > Textos para leitores de tela, no campo Botão flutuante do carrinho (leitor de tela). Para outros idiomas, ele fica na página Traduções do carrinho, no card Botão flutuante do carrinho, enquanto o botão estiver ativado.

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.