FROM CACHE - pt-br_header
Resolvido

buy button

Monrroys
Visitante
1 0 0

Como posso instalar o buy button na descrição do produto , ja tentei em vários tutorias na internet e não consegui , o tema da minha loja e Shoptimized.

1 SOLUÇÃO ACEITA

Paula
Shopify Staff
1722 339 253

Sucesso.

Olá @Monrroys !
 
Paula aqui da Equipe Shopify!  

 

Entendo que deseja usar o recurso Botão Comprar para adicionar botões adicionais na página do seu produto, porém, não é recomendável incluir Botões Comprar em sua loja virtual ou blog da Shopify. Eles não foram desenvolvidos para essa funcionalidade e podem causar problemas com o carrinho de sua loja. Os botões gerados com esse recurso são destinados para o uso em websites e blogs hospedados fora da Shopify, adicionando as informações de seus produtos, assim como carrinho e checkout nesses websites.

 

Portanto, adicionar o código do botão comprar a um site da Shopify geralmente resulta em clientes confusos e frustrados. Então, recomendaria rever essa escolha.
 

Se desejar seguir em frente e utilizar os botões de compra, o código abaixo deve ajudar. Eu não sou especialista em codificação, portanto, não saberia ao certo se realmente funciona, mas recomendo testar. Para que os botões de compra extras funcionem 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.

 

Obs: antes de fazer qualquer alteração nos códigos recomendo duplicar o tema e trabalhar na cópia, pois se algo der errado não irá danificar o seu atual tema.

 

O ideal para implementar essa customização seria optar por aplicativos de nossa AppStore que oferecem a funcionalidade para adicionar os botões extras em seu website. Uma sugestão é o app ATClone.

 

Se desejar implementar algo parecido recomendo também esses aplicativos: 

 

- Sticky Add To Cart BOOSTER PRO

- Buy Me ‑ Sticky Buy Button

Sticky Button ‑ Add to Cart

 

Antes de instalar o app eu recomendo analisar as descrições de cada app como também funcionalidades específicas, preços e avaliações. Todos esses apps são terceirizados, isto é, nós da Shopify não somos familiares com o desenvolvimento do app. Portanto, se tiver qualquer dúvida referente a funcionalidade ou configuração o suporte para esclarecer essas dúvidas é o do próprio app. Para entrar em contato com o desenvolvedor clique em Get Support ao lado direito da página. Eles assim poderão instruir como o aplicativo ajudará você a alcançar o que está procurando.

 

Espero que isso ajude! Conte para a gente se uma dessas opções funcionou! Se você tiver outras dúvidas, não hesite em entrar em contato.
 
Até mais! Paula

Paula | Social Care @ Shopify 
 - A minha resposta foi útil? Clique em Curtir para me dizer! 
 - Sua dúvida foi respondida? Clique em Aceitar Solução
 - Para saber mais visite nossa Central de Ajuda Shopify ou nosso Shopify Blog

Exibir solução no post original

1 RESPONDER 1

Paula
Shopify Staff
1722 339 253

Sucesso.

Olá @Monrroys !
 
Paula aqui da Equipe Shopify!  

 

Entendo que deseja usar o recurso Botão Comprar para adicionar botões adicionais na página do seu produto, porém, não é recomendável incluir Botões Comprar em sua loja virtual ou blog da Shopify. Eles não foram desenvolvidos para essa funcionalidade e podem causar problemas com o carrinho de sua loja. Os botões gerados com esse recurso são destinados para o uso em websites e blogs hospedados fora da Shopify, adicionando as informações de seus produtos, assim como carrinho e checkout nesses websites.

 

Portanto, adicionar o código do botão comprar a um site da Shopify geralmente resulta em clientes confusos e frustrados. Então, recomendaria rever essa escolha.
 

Se desejar seguir em frente e utilizar os botões de compra, o código abaixo deve ajudar. Eu não sou especialista em codificação, portanto, não saberia ao certo se realmente funciona, mas recomendo testar. Para que os botões de compra extras funcionem 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.

 

Obs: antes de fazer qualquer alteração nos códigos recomendo duplicar o tema e trabalhar na cópia, pois se algo der errado não irá danificar o seu atual tema.

 

O ideal para implementar essa customização seria optar por aplicativos de nossa AppStore que oferecem a funcionalidade para adicionar os botões extras em seu website. Uma sugestão é o app ATClone.

 

Se desejar implementar algo parecido recomendo também esses aplicativos: 

 

- Sticky Add To Cart BOOSTER PRO

- Buy Me ‑ Sticky Buy Button

Sticky Button ‑ Add to Cart

 

Antes de instalar o app eu recomendo analisar as descrições de cada app como também funcionalidades específicas, preços e avaliações. Todos esses apps são terceirizados, isto é, nós da Shopify não somos familiares com o desenvolvimento do app. Portanto, se tiver qualquer dúvida referente a funcionalidade ou configuração o suporte para esclarecer essas dúvidas é o do próprio app. Para entrar em contato com o desenvolvedor clique em Get Support ao lado direito da página. Eles assim poderão instruir como o aplicativo ajudará você a alcançar o que está procurando.

 

Espero que isso ajude! Conte para a gente se uma dessas opções funcionou! Se você tiver outras dúvidas, não hesite em entrar em contato.
 
Até mais! Paula

Paula | Social Care @ Shopify 
 - A minha resposta foi útil? Clique em Curtir para me dizer! 
 - Sua dúvida foi respondida? Clique em Aceitar Solução
 - Para saber mais visite nossa Central de Ajuda Shopify ou nosso Shopify Blog