WooCommerce – Loop de produtos com quantidade

É bem simples exibir a caixa de quantidade no loop de produtos.

Para isso, basta criar o seguinte arquivo dentro do seu tema -> woocommerce/loop/add-to-cart.php

Depois utilize teste código nele:

Resultado final:

quantidade-no-loop-de-produtos-woocommerce

Para utilizar os botões com ajax você deve usar o seguinte arquivo:

E em seu functions.php:

8 comentários

  1. vivian 26 de fevereiro de 2013 at 08:20 #

    oi querido, como deixar neste exemplo sem preços? e mesmo nao podendo adicionar para comprar ou ver mais opções, a nao ser que o usuario esteja logado?

    • Claudio Sanches 26 de fevereiro de 2013 at 21:32 #

      Oi Vivian.

      Você pode fazer isso editando o arquivo woocommerce/template/loop/price.php usando: http://codex.wordpress.org/Function_Reference/is_user_logged_in

      Vou ver de escrever um tutorial mais tarde sobre isso e publicar.

      • vivian 27 de fevereiro de 2013 at 16:48 #

        oi Claudio
        entao eu fiz, so que o usuario consegue adicionar o produto e no total ele vera o valor do produto. Ou tem algo mais por fazer ?

        Uma ideia legal tambem, seria para quem nao esta logado, funcionar como um catalogo dos produtos, ai quando se é forçado a cadastrar e se logar ele ve os precos.
        Com certeza seu artigo/tutorial sera um sucesso, sou fã de todos. Obrigada :)

        • Claudio Sanches 27 de fevereiro de 2013 at 19:36 #

          Então, mas é só ocultar os botões de comprar e valor no loop de produtos e na página de detalhes do produto.

          • vivian 27 de fevereiro de 2013 at 20:10 #

            eu ja tentei em varios arquivos e nao tive o sucesso, :(

          • Claudio Sanches 11 de março de 2013 at 23:43 #

            Vai precisar alterar em alguns arquivos mesmo.

            Ou usar os hooks do plugin.

  2. celso 16 de março de 2013 at 01:35 #

    Eu consegui fazer esse processo do loop com quantidade, mas o botão comprar naõ fica alinhada com o loop .

    • Claudio Sanches 17 de março de 2013 at 10:32 #

      Então, ensinei o mais “difícil”.
      Agora basta você escrever um pouquinho de CSS ai e arrumar esse alinhamento…
      Não é verdade?

Deixe uma resposta