FROM CACHE - pt-br_header
Resolvido

Botão de compra

trazpramin
Visitante
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?

1 SOLUÇÃO ACEITA

Luisa
Shopify Staff (Retired)
283 85 48

Sucesso.

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

To learn more visit the Shopify Help Center or the Community Blog.

Exibir solução no post original

1 RESPONDER 1

Luisa
Shopify Staff (Retired)
283 85 48

Sucesso.

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

To learn more visit the Shopify Help Center or the Community Blog.