É 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:
Para utilizar os botões com ajax você deve usar o seguinte arquivo:
E em seu functions.php:
Vagrant é a melhor forma de desenvolver com um ambiente de desenvolvimento padronizado, ótimo para trabalhar em equipe ou desenvolver através de diversas plataformas.
Caso você não sabia ainda o que é Vagrant recomendo a leitura deste meu post no site da Infranology:
Recentemente resolvi colocar como Open Source uma versão do meu script de Vagrant para WordPress. E é possível encontra-lo no GitHub:
Vagrant WordPress
Veja como utiliza-lo:
Para instalar basta rodar os seguintes comandos:
$ git clone git@github.com:claudiosmweb/vagrant-wordpress.git wordpress $ cd wordpress $ git submodule init $ git submodule update $ vagrant up
Depois de alguns minutos a maquina virtual já estará instalada e funcionando. Note que foi criada a pasta wordpress/data onde esta a instalação do WordPress.
Por final basta acessar o WordPress no navegador pelo seguinte endereço:
http://127.0.0.1:8080/
Também é possível acessar o phpMyAdmin:
http://127.0.0.1:8080/phpmyadmin/
Dados do phpMyadmin:
Login: root
Senha: vagrant
Para detalhes da instalação e configuração acesse a página do script no GitHub:
Vagrant WordPressO WooCommerce por padrão oferece seus estilos em CSS comum ou em LESS para quem deseja personalizar o tema.
Entretanto, prefiro utilizar o SASS com Compass, pois facilita muito na hora de utilizar CSS3 e lhe permite escrever bem menos código.
Desta forma peguei o arquivo em LESS do WooCommerce e fiz uma conversão manual para SASS usando os mixins do Compass.
Depois de compilado o CSS fica praticamente igual, a única diferença é que por causa do Compass ele fica mais compatível com uma variedade maior de browsers (são adicionados prefixos para CSS3) .
Conheci algumas pessoas que precisam que o estoque do WooCommerce seja reduzido durante o checkout e não apenas depois que a compra é confirmada pelo gateway de pagamento (como acontece com o retorno automático do PagSeguro, Bcash, MoIP e MercadoPago).
Particularmente acredito que a melhor solução é bater o estoque com o retorno automático. Caso o produto acabe antes da confirmação do pagamento é possível entrar em contato com o cliente para negociar uma data ou devolver o dinheiro.
Entretanto para você que acredita que o melhor é bater durante a compra aqui vai uma solução:
Isso vai fechar o pedido como processando e reduzir o estoque.
Com certeza vai gerar problemas também caso o cliente resolva desistir da compra… Lhe obrigando a repor o estoque manualmente.
Não existe solução perfeita além de tentar manter um número adequado de produtos em estoque e também saber negociar com o cliente.
Desde a primeira vez que tentei usar o WooCommerce já comecei a sentir falta de alguns campos necessários para realizar vendas aqui no Brasil, desta forma desenvolvi um plugin que é capaz de suprir estas necessidades.
O WooCommerce Extra Checkout Fields for Brazil é capaz de adicionar os campos:
Além de trazer algumas ferramentas para melhorar a experiência do usuário:
Ainda tem integração com meus plugins do BCash e MoIP.
Fazendo eles enviarem campos extras para as duas empresas (campos que não eram possíveis de enviar antes. Por exemplo no MoIP envia agora o Bairro e no BCash envia CPF e CNJP).
Para mais detalhes sobre a instalação visite o nosso tutorial de instalação no WordPress.
Veja os screenshots do plugin aqui.
Visite a nossa FAQ no WordPress, entre em contato ou deixe um comentário a baixo.
Em breve pretendo lançar uma versão deste plugin para o Jigoshop também.
Utilize os Correios como forma de entrega no seu e-commerce Jigoshop.
Faça entregas utilizando os métodos:
Não possuímos nenhum vínculo com os Correios. Este plugin foi desenvolvido com a esperança de ajudar os usuários do WordPress e Jigoshop a fazerem integração com os Correios de forma fácil e rápida.
Distribuímos este plugin de forma gratuita.
Utilize os Correios como método de entrega no Jigoshop.
O plugin faz cotação com o serviço de Webservices dos Correios e utiliza o seu CEP de origem, CEP de destino do cliente, peso e a cubagem dos produtos para realizar a cotação de forma coerente.
É possível também utilizar os serviços com contrato nos Correios.
Você irá precisar em sua hospedagem da extensão SOAP para fazer a conexão com o Webservices Correios ou como alternativa o SimpleXML (extensão nativa do PHP 5).
Para mais detalhes sobre a instalação visite o nosso tutorial de instalação no WordPress.
Visite a nossa FAQ no WordPress, entre em contato ou deixe um comentário a baixo.
Adicione os Correios como método de entrega em sua loja WooCommerce.
Sendo possível utilizar os serviços de PAC, SEDEX, SEDEX 10, SEDEX Hoje e e-SEDEX.
Não possuímos nenhum vínculo com os Correios. Este plugin foi desenvolvido com a esperança de ajudar os usuários do WordPress e WooCommerce a fazerem integração com os Correios de forma fácil e rápida.
Distribuímos este plugin de forma gratuita.
Utilize os Correios como método de entrega no WooCommerce.
O plugin faz cotação com o serviço de Webservices dos Correios e utiliza o seu CEP de origem, CEP de destino do cliente, peso e a cubagem dos produtos para realizar a cotação de forma coerente.
É possível também utilizar os serviços com contrato nos Correios.
Você irá precisar em sua hospedagem da extensão SOAP para fazer a conexão com o Webservices Correios ou como alternativa o SimpleXML (extensão nativa do PHP 5).
Para mais detalhes sobre a instalação visite o nosso tutorial de instalação no WordPress.
Visite a nossa FAQ no WordPress, entre em contato ou deixe um comentário a baixo.
Utilize agora o MercadoPago como meio de pagamento do seu WooCommerce
É necessário apenas ter uma conta válida no MercadoPago e configurar o seu Client_id e Client_secret.
Não possuímos nenhum vínculo com o MercadoPago ou Mercado Livre.
Este plugin foi desenvolvido com a esperança de ajudar os usuários do WordPress e WooCommerce a fazerem integração com o MercadoPago de forma fácil e rápida.
Distribuímos este plugin de forma gratuita.
Disponibilize o MercadoPago como forma de pagamento de sua loja WooCommerce.
É usada a integração do MercadoPago e retorno automático de dados. A sua loja será notificada sempre que um pagamento é aprovado ou cancelado no MercadoPago.
Para mais detalhes sobre a instalação visite o nosso tutorial de instalação no WordPress.
Visite a nossa FAQ no WordPress, entre em contato ou deixe um comentário a baixo.
Receba pagamentos com o MercadoPago em seu Jigoshop.
É necessário apenas ter uma conta válida no MercadoPago e configurar o seu Client_id e Client_secret.
Não possuímos nenhum vínculo com o MercadoPago ou Mercado Livre.
Este plugin foi desenvolvido com a esperança de ajudar os usuários do WordPress e Jigoshop a fazerem integração com o MercadoPago de forma fácil e rápida.
Distribuímos este plugin de forma gratuita.
Disponibilize o MercadoPago como forma de pagamento de sua loja Jigoshop.
É usada a integração do MercadoPago e retorno automático de dados. A sua loja será notificada sempre que um pagamento é aprovado ou cancelado no MercadoPago.
Para mais detalhes sobre a instalação visite o nosso tutorial de instalação no WordPress.
Visite a nossa FAQ no WordPress, entre em contato ou deixe um comentário a baixo.
Adicione o MoIP como forma de pagamento do seu Jigoshop.
Você precisa de uma conta validada no MoIP para receber os pagamentos.
Não possuímos nenhum vínculo com o MoIP ou IG.
Este plugin foi desenvolvido com a esperança de ajudar os usuários do WordPress e Jigoshop a fazerem integração com o MoIP de forma fácil e rápida.
Distribuímos este plugin de forma gratuita.
Disponibilize o MoIP como forma de pagamento de sua loja Jigoshop.
É usada a integração do MoIP e retorno automático de dados. A sua loja será notificada sempre que um pagamento é aprovado ou cancelado no MoIP.
Para mais detalhes sobre a instalação visite o nosso tutorial de instalação no WordPress.
Visite a nossa FAQ no WordPress, entre em contato ou deixe um comentário a baixo.