cancelar
Mostrando resultados para 
Pesquisar então 
Você quer dizer: 

Botão de compra

Highlighted
Novo membro
1 0 0

Olá, São duas dúvidas sobre o mesmo assunto. Uso o tema gratuito Broklin, na descrição do meu produto adicionei em torno de 6 fotos, a cada duas fotos adicionei um botão de compra (direto pro check-out) porem assim que o cliente clica nesses botões ele abre a uma pagina nova de check-out. Eu gostaria que o cliente fosse enviado para o check-out mas sem abrir uma nova página.

A outra dúvida é que coloquei os botões de compra a cada duas fotos na descrição, porém fica um espaçamento errado entre a foto de cima, botão e foto de baixo. Podem me ajudar por favor?

0 Likes
Shopify Staff
Shopify Staff
7 0 0

Oi @trazpramin!

 

Luisa aqui da equipe Shopify!

 

Pelo o que parece você está utilizando o código gerado pelo recurso Botão Comprar para os botões adicionais em seu website. Porém, não é recomendável incluir Botões Comprar em sua loja virtual ou blog da Shopify, pois eles podem causar problemas com o carrinho de sua loja. Os botões gerados com esse recurso são destinados à um uso em websites e blogs hospedados fora da Shopify, adicionando as informações de seus produtos, assim como carrinho e checkout nesses websites.

 

Para que os botões de compra extras funcionem corretamente na página de seus produtos, você precisará adicionar o seguinte bloco de código (AddtoCart) dentro do product-template.liquid de seu tema:

<div class="product-form__item product-form__item--submit">
  <button type="submit" name="add" id="AddToCart-{{ section.id }}" {% unless current_variant.available %}disabled="disabled"{% endunless %} class="btn product-form__cart-submit{% if product.options.size == 1 and product.variants[0].title == 'Default Title' %} product-form__cart-submit--small{% endif %}">
    <span id="AddToCartText-{{ section.id }}">
      {% unless current_variant.available %}
        {{ 'products.product.sold_out' | t }}
      {% else %}
        {{ 'products.product.add_to_cart' | t }}
      {% endunless %}
    </span>
  </button>
</div>

Essa codificação deverá ser inserida no local onde você deseja ter esse botão localizado. Por exemplo, depois da linha de código da imagem.

 

Você poderá também optar por utilizar aplicativos de nossa AppStore para adicionar os botões extras em seu website. ATClone é um exemplo de aplicativo que poderá te ajudar.

 

Sobre o espaçamento entre fotos, é possível que algo no código do template de sua loja esteja errado. Você poderá utilizar HTML para o espaçamento entre cada uma dessas fotos. Eu verificaria se houve algum código quebrado causando o erro com o espaçamento.

 

Caso você não tenha familiaridade ou se sinta confiante em editar o código fonte de seu tema, recomendo entrar em contato com um de nossos Shopify Experts para receber ajuda com isso. 

 

Espero que isso ajude!

 

Até mais! Luisa

Luisa | Language Care Guru @ Shopify
 - A minha resposta foi útil? Clique em Curtir para me dizer! 
 - Sua dúvida foi respondida? Clique em Aceitar Solução 

0 Likes