Blog

Você está visualizando atualmente WooCommerce: Ajax Adicionar ao carrinho Quantidade @ Loja

WooCommerce: Ajax Adicionar ao carrinho Quantidade @ Loja

  • Autor do post:
  • Categoria do post:Woocommerce
  • Tempo de leitura:4 minutos de leitura
visualizações: 533

Como você sabe, você pode marcar a caixa de seleção “Ativar AJAX para adicionar ao carrinho nos arquivos” nas configurações do WooCommerce para adicionar produtos ao carrinho nas páginas Loja / Categoria / Tag / loop sem atualizar a página.

Isso é ótimo para certas empresas, especialmente aquelas que vendem em grandes quantidades e onde os clientes sabem exatamente o que precisam comprar sem a necessidade de verificar a página de um único produto.

< p>A má notícia é que o botão Ajax Adicionar ao carrinho permite adicionar apenas 1 item ao carrinho, ou seja, não há campo de entrada de quantidade. A outra má notícia é que o botão Ajax Adicionar ao Carrinho só funciona para produtos simples, enquanto para os variáveis se transformará em um link “Selecionar opções” sem a possibilidade de adicionar uma variação ao carrinho a partir daí.

Neste tutorial, veremos como transformar a loja WooCommerce em um… carrinho Ajax com entradas de quantidade. Divirta-se!

Com este snippet bacana, os botões Ajax Adicionar ao Carrinho também terão um campo de quantidade ao lado deles, para que os clientes possam adicionar quantos produtos desejarem. Isso é apenas para produtos simples – os produtos variáveis mostrarão um botão “Selecionar opções”.

PHP Snippet: Ajax Adicionar ao carrinho Quantidade para produtos simples + variáveis @ WooCommerce Shop

/** * @snippet Ajax Adicionar quantidade ao carrinho @ WooCommerce Shop * @how-to Get CustomizeWoo.com FREE * @author Rodolfo Melogli * @compatível WooCommerce 7 * @donate $ 9 https://businessbloomer.com/bloomer-armada/ */ add_filter( ‘woocommerce_loop_add_to_cart_link’, ‘bbloomer_ajax_quantity_shop’, 9999, 3 ); function bbloomer_ajax_quantity_shop( $html, $product, $args ) { if ( $product->is_purchasable() && $product->is_in_stock() && $product->supports( ‘ajax_add_to_cart’ ) ) { $html = ‘‘ . woocommerce_quantity_input(array(), $product, false). ‘

‘ . $html; } return $html; } add_action( ‘woocommerce_after_shop_loop’, ‘bbloomer_add_cart_loop_js’ ); function bbloomer_add_cart_loop_js() { wc_enqueue_js( ” $(document).on(‘change’,’.quantity .qty’,function(){ $(this).closest(‘li.product’).find(‘a.ajax_add_to_cart ‘).attr(‘quantidade de dados’,$(this).val()); }); ” ); }

Onde adicionar este snippet?

Você pode colocar snippets do PHP na parte inferior do arquivo functions.php do seu tema filho (exclua “?>” se você o tiver lá). O CSS, por outro lado, vai para o arquivo style.css do seu tema filho. Certifique-se de saber o que está fazendo ao editar esses arquivos – se precisar de mais orientação, dê uma olhada no meu tutorial em vídeo gratuito” Onde colocar a personalização do WooCommerce?”

Este snippet (ainda) funciona?

Por favor, deixe-me saber nos comentários se tudo funcionou como esperado. Ficarei feliz em revisar o snippet se você relatar o contrário (forneça capturas de tela). Eu testei este código com o tema Storefront, a versão WooCommerce listada acima e uma hospedagem compatível com WordPress no PHP 7.3.

Se você acha que este código economizou tempo e dinheiro, sinta-se à vontade para participar de mais de 14.000 WooCommerce Weekly assinantes para atualizações de postagens de blog ou mais de 250 apoiadores do Business Bloomer para 365 dias de benefícios WooCommerce. Agradecemos antecipadamente 🙂

Precisa de ajuda com o WooCommerce?

Confira estes tutoriais em vídeo gratuitos. Você pode aprender como personalizar o WooCommerce sem plug-ins desnecessários, como definir corretamente as configurações do plug-in WooCommerce e até mesmo como dominar a solução de problemas do WooCommerce em caso de bug!

Rodolfo Melogli

Fundador da Business Bloomer

Autor, especialista em WooCommerce e Palestrante do WordCamp, Rodolfo trabalha como freelancer independente de WooCommerce desde 2011. Seu objetivo é para ajudar empreendedores e desenvolvedores a superar seus pesadelos com WooCommerce. Rodolfo adora viajar, correr atrás de bolas de tênis e futebol e, claro, pizza de forno a lenha.

Siga @rmelogli

Navegação de postagem

Fonte

Tags: , , , ,