Como inserir botões de Adicionar produto na vitrine em produtos com variação?

  10/05/2019         Matheus Guedes

Olá, devido a uma recorrência de solicitações, resolvi criar um código para inserir botões adicionar na vitrine estática, mesmo para produtos com variações. Para isso, insira o código abaixo em Configurações > Editar JS:


$('.product-item').each(function () {

  var urlproduto =$(this).find('h3 > a').attr('href')

  if ($(this).find('.add2cart').length) {

    console.log('Produto Simples')

  } else {

    console.log('Produto com Variação')

    $(this).append('<a href="' + urlproduto +'" class="btn add2cart">Adicionar </a>')

  }

})

Para a vitrine normal, seria o código abaixo:

$('.product-item').each(function () {

  var urlproduto =$(this).find('a').attr('href')

  if ($(this).find('.add2cart').length) {

    console.log('Produto Simples')

  } else {

    console.log('Produto com Variação')

    $(this).append('<a href="' + urlproduto +'" class="btn add2cart">Adicionar </a>')

  }

})

Próximos artigos

Link de rastreamento forma de envio

Olá lojistas, diante de tantas solicitações dessa funcionalidade foi resolvido a criação desse código.Para explicar um pouco o seu funcionamento, quando o pedido estiver setado como enviado, será inserido o link com código de rastreio já em...

Como criar produtos sob encomenda na loja?

Olá lojistas E-Com, como estão?Devido a algumas solicitações, resolvemos fazer e criar um tutorial que ajude o lado de vocês. Essa funcionalidade é importante sobretudo para aqueles que produzem o seu próprio produto ou que conse...