Sin impuesto Con impuesto
Barra flutuante de adicionar ao carrinho PrestaShop
Barra flutuante de adicionar ao carrinho PrestaShop
Barra flutuante de adicionar ao carrinho PrestaShop
Barra flutuante de adicionar ao carrinho PrestaShop
Barra flutuante de adicionar ao carrinho PrestaShop
Barra flutuante de adicionar ao carrinho PrestaShop
Barra flutuante de adicionar ao carrinho PrestaShop
Barra flutuante de adicionar ao carrinho PrestaShop

Recomendado

Módulo adesivo

48,28 €
Primeiro ano: 48,28 € IVA incl.
A partir do segundo ano: 12,08 €/ano IVA incl.
  • Um ano de suporte técnico e atualizações vitalícias; a partir do segundo ano, o suporte é alargado por 12,08 €/ano e inclui as suas ideias de melhoria gerais para o módulo.
  • Renova-se sozinha; cancela quando quiser, sem fidelização.
Pagamento único: 48,28 € IVA incl.
  • Um ano de suporte técnico e atualizações vitalícias; depois, o suporte termina (com a subscrição é alargado por 12,08 €/ano).
  • Um único pagamento, sem cobranças automáticas.
39,90 € Sin impuesto 48,28 € Con impuesto

O botão "Comprar" está sempre visível. Quando o botão original desaparece da tela, uma barra flutuante aparece com a foto, o nome, a variante selecionada e o preço, e o botão "Adicionar ao Carrinho" utiliza o botão do seu próprio modelo. Ela acompanha a combinação que o cliente está visualizando: preço, variante e imagem são atualizados quando o tamanho ou a cor mudam. Sem modificações no modelo, sem jQuery e sem alterações no layout.

Compartilhar
Read also on our blog

Conteúdo especializado

Revisto pelos nossos especialistas

Written by

Reviewed by

See all our experts

Conteúdo redigido e revisto por profissionais qualificados. A informação tem caráter orientativo.

Conversão

A decisão foi tomada. E o botão de compra está duas telas acima.

O cliente rola a página para baixo para ler a descrição, verifica as avaliações e compara os tamanhos. Quando decide comprar, precisa rolar a página para cima novamente. A barra flutuante "Adicionar ao carrinho" coloca o produto bem na frente dele no exato momento em que ele toma a decisão.

0 linhas
Modelo personalizável: instala e funciona com o tema que você já possui.
8.x → 9.x
JavaScript puro, sem jQuery: funciona igualmente bem no modo clássico e no modo Hummingbird.
1 tela
Configuração sem abas ou assistentes.

Só aparece quando necessário.

Embora o botão de compra esteja visível, a barra não está presente: ela obscureceria o produto desnecessariamente. Assim que sai da tela, reaparece na parte inferior — ou superior, você escolhe — com a foto do produto, seu nome, a variante selecionada, o preço e seu próprio botão.

Não monitora a rolagem, que é o que causa os saltos que tornam a página mais lenta. Utiliza o IntersectionObserver : o navegador avisa quando o botão desaparece da tela. Praticamente sem custo e sem interrupção do layout .

Siga a combinação que o cliente está visualizando.

É isso que causa problemas em quase todas as barras de ferramentas flutuantes. Quando você escolhe um tamanho ou cor, o PrestaShop não atualiza o bloco do carrinho de compras; ele o substitui por completo. Uma barra de ferramentas que mantém o botão antigo impede a adição de itens ao carrinho a partir desse momento, e ninguém percebe até que os pedidos comecem a desaparecer.

Preço
A lista é atualizada com a lista da combinação escolhida, incluindo o preço riscado, caso haja alguma promoção.
Variante
O nome do produto que você escolheu, abaixo do produto: "Rosa", "M · Branco".
Imagem
A foto muda conforme a combinação, assim como no cartão.
Estoque
Se a loja original fechar por falta de estoque, a loja no bar também fechará.

Compre usando o botão do seu próprio modelo.

A barra não adiciona itens ao carrinho automaticamente; ela repassa o clique para o botão que você já possui. Isso garante que a quantidade selecionada, o controle de estoque, a notificação de tema e qualquer outra configuração que você tenha adicionado a esse botão sejam preservados. Se você alterar o tema amanhã, a barra continuará funcionando normalmente.

E se adapta à sua loja sem que você precise mexer em nenhum código.

Cores
Plano de fundo, texto, preço e botão, cada um com seu seletor.
Forma
Raio do canto, da pílula ao cartão, e largura máxima ou largura total.
Ícone
Pode ser a imagem que vem com o programa, uma imagem sua em formato SVG ou uma imagem que você carregue. Ou nenhuma delas.
Camada
Se você tiver um chat de suporte ou um aviso de cookies, aumente o Z-Index e pare de ignorá-lo.

O tema foi bastante modificado? O seletor do botão de compra é apenas mais uma configuração: ele é alterado na configuração, sem mexer em nenhum arquivo.

Em dispositivos móveis, onde é mais perceptível.

Na tela de um celular, o botão de compra desaparece ao primeiro deslizar de dedo. A barra se ajusta automaticamente: mantém a foto, o preço e o botão, deixando apenas o texto para telas maiores.

Compatível com PrestaShop 8.x e 9.x · Temas Classic e Hummingbird

Desenvolvido e mantido por REKIRE

  • Referência
    rkr_stickycart

Você também pode gostar

Galeria de produto RKR: visualizador e zoom PrestaShop
Galeria de Produtos RKR
108,90 €
90,00 € Sin impuesto 108,90 € Con impuesto
Product Videos
play_circle_outline
Blog
Rekire Product Kit: packs com desconto no PrestaShop
Kit de produtos Rekire
181,50 €
150,00 € Sin impuesto 181,50 € Con impuesto
Product Videos
Rekire Product Kit, step by step (English)
play_circle_outline
Blog
EasyProduct Labels: Etiquetas automáticas para PrestaShop
módulo de etiquetas easyproduct
60,50 €
50,00 € Sin impuesto 60,50 € Con impuesto
Product Videos
Easy Product Labels in a minute and a half (English)
play_circle_outline
Blog
Perguntas e respostas na página do produto | Perguntas RKR
Módulo de Perguntas e Respostas (FAQ)
36,30 €
30,00 € Sin impuesto 36,30 € Con impuesto
Product Videos
RKR Questions in 90 seconds (English)
play_circle_outline
Acesso social RKR: login com redes, chaves de acesso e SMS.
Módulo más que un social login
108,90 €
90,00 € Sin impuesto 108,90 € Con impuesto
Product Videos
RKR Social Login: sign in without passwords, in under 2 minutes (English)
play_circle_outline
Blog

4 outros produtos da mesma categoria

Produtos visualizados

Débito Direto RKR SEPA: mandato, remessa e arquivo pain.008
módulo de assinante
108,90 €
90,00 € Sin impuesto 108,90 € Con impuesto
Blog
RKR Mix & Match: caixas personalizadas para PrestaShop
rkrmixmatchbox
108,90 €
90,00 € Sin impuesto 108,90 € Con impuesto

Questions and answers

  • ¿Cuándo aparece la barra flotante?

    Equipo de Rekire

    0

    • Solo cuando el botón de comprar original sale de la pantalla; mientras se ve, la barra no está para no tapar el producto. Entra por abajo o por arriba, como elijas. Usa IntersectionObserver en vez de vigilar el scroll, así que no provoca saltos de maquetación.

      Equipo de Rekire The shop

  • ¿Se actualiza cuando el cliente cambia de talla o de color?

    Equipo de Rekire

    0

    • Sí. La barra sigue a la combinación elegida: se refresca el precio (también el tachado si hay oferta), el nombre de la variante, la imagen y las existencias. Si el botón original se desactiva por falta de stock, el de la barra se desactiva con él.

      Equipo de Rekire The shop

  • ¿La barra añade al carrito por su cuenta?

    Equipo de Rekire

    0

    • No: le pasa el clic al botón de comprar de tu propia plantilla. Así se respetan la cantidad elegida, el control de existencias, el aviso de tu tema y lo que hayas añadido a ese botón. Si cambias de tema, la barra sigue funcionando.

      Equipo de Rekire The shop

  • Mi tema está muy modificado y tengo un chat que tapa la barra. ¿Tiene solución?

    Equipo de Rekire

    0

    • Sí, sin tocar código. El selector del botón de comprar es un ajuste más de la configuración, y el Z-Index también: lo subes y la barra deja de quedar debajo del chat o del aviso de cookies. Además puedes cambiar colores, radio de las esquinas, ancho e icono.

      Equipo de Rekire The shop

  • ¿Cómo se ve en el móvil?

    Equipo de Rekire

    0

    • En pantallas de teléfono la barra se reduce sola: mantiene la foto, el precio y el botón, y deja el texto para las pantallas grandes. Es justo donde más se nota, porque en el móvil el botón de comprar desaparece con el primer gesto.

      Equipo de Rekire The shop

  • ¿Es compatible con mi tema y con mi versión de PrestaShop?

    Equipo de Rekire

    0

    • Funciona con PrestaShop 8.x y 9.x, en temas classic y hummingbird. Está hecho en JavaScript puro, sin jQuery, y no hay que tocar ninguna plantilla: se instala y funciona sobre el tema que ya tienes.

      Equipo de Rekire The shop

Consentimento de cookies
Voltar ao topo