Ao desenvolver uma loja virtual me deparei com um problema no módulo Divi Loja. Não há a possibilidade de acrescentar o botão “Comprar”, então o cliente precisaria abrir a página de produto para adicioná-lo no carrinho.
Pesquisei um método de acrescentá-lo e é bem simples:
//Adiciona botão de Compra ao módulo Loja
add_action('woocommerce_after_shop_loop_item_title', 'woocommerce_template_loop_add_to_cart', 10);O botão que é acrescentado já aparece com o estilo padrão de botão definido no site. O único problema é que ao clicar em “Comprar” em qualquer produto, aparece ao lado do botão um segundo botão com a opção de “Ver carrinho”. É necessário estilizar esse botão um pouco, até para não ficar completamente colado no primeiro. Abaixo está um exemplo de estilo que eu apliquei na loja vitual LuxBox Store:
a.added_to_cart.wc-forward {
margin: 10px;
background-color: #000000;
border-radius: 40px;
letter-spacing: 1px;
text-transform: uppercase;
padding: 0.3em 1em;
}
