Wishlist with Add to Cart Button

Lista de desejos com botão Adicionar ao carrinho

Log in or Sign up to ensure access to purchased code across multiple devices.

Como ver o código

1. Faça login/crie uma conta primeiro. Isso é para garantir que todas as compras estejam conectadas a uma conta e possam ser visualizadas em diferentes dispositivos.

2. Adquira o código através da “caixa de compras” na página específica do código desejado.

3. Após a compra, atualize a página.

Compatibilidade: Todos os temas GRATUITOS do Shopify 2.0 APENAS . Funciona da versão inferior até a versão 11

Você está perdendo clientes porque eles esqueceram o produto que desejam? Ou até esqueceu em qual site viu o produto? Não procure mais. Nosso código de lista de desejos não apenas permite que seus clientes adicionem o produto em sua lista de desejos, mas também podem adicionar o produto ao carrinho. Além disso, eles têm a opção de compartilhar sua lista usando a API de compartilhamento com javascript. Correto, estamos usando javascript neste código e eles não afetarão minimamente a velocidade do seu site.

Tornamos o código não complicado para você seguir.

Você pode conferir a loja de demonstração aqui . Senha: made4uo

O que você está comprando:

  • Adicione um produto na lista de desejos
  • Pode adicionar o produto ao carrinho da lista de desejos
  • Pode compartilhar a lista de desejos com alguém
  • A lista de desejos do cliente não estará disponível na página de administração
  • Não funcionará com outros aplicativos do Shopify
  • Para a versão mais recente do tema Dawn, a lista de desejos funciona com diferentes tipos de cabeçalho

O que torna nosso código melhor:

  • Não usamos bibliotecas externas, com isso dito, nosso código não terá nenhum efeito mínimo no desempenho de velocidade do seu site
  • Não deixamos nem adicionamos códigos para anunciar em nosso site
  • Nosso código é compatível com dispositivos móveis

Quaisquer problemas relacionados ao código serão corrigidos sem custo adicional, excluindo solicitações de customização de código. Basta entrar em contato conosco em "Converse conosco". Estamos a apenas um botão de distância.

Para iniciar:

1. Acesse Loja Admin Shopify > Temas > Ações > Editar código.

2. Abra a pasta Seção e crie uma nova seção, nomeie-a como "lista de desejos".

3. Substitua o código padrão pelo código abaixo. Certifique-se de SALVAR.

4. Vá para a pasta Ativos e abra o arquivo global.js.

5. Coloque o código abaixo no final do arquivo e SALVAR.

Se você possui o Dawn versão 8 e superior, siga as instruções abaixo.

6. Abra seu editor de tema e, no grupo de cabeçalho, antes do modelo de trabalho, clique em "Adicionar seção" e procure por "Lista de desejos". Em seguida, clique para adicionar. Certifique-se de salvar. Você não terminou.

Veja a imagem abaixo para referência:

Seção de lista de desejos

Se você tiver a versão Dawn 7 e abaixo. Por favor siga as instruções abaixo.

6. Vá para a pasta Layout e abra theme.liquid.

7. Procure o código {% section 'header' %} . Adicione uma próxima linha e cole o código abaixo. Em seguida, clique em SALVAR. Agora você terminou.

Veja a imagem para posicionamento do código

Lista de Desejos

É isso (",)

Copied!
Voltar para o blogue

Deixe um comentário