Página 1 de 1

[Resolvido] Alterar o botão comprar para direcionar para os detalhes do produto

Enviado: 31 Jan 2019, 14:21
por FMiguez
Boa tarde,

É possível fazer essa alteração? em vez do botão comprar do catálogo de produtos enviar para o carrinho, redirecionar para própria página do produto.

Com isso, o cliente perde o pavor de clicar no botão COMPRAR. Tem muitos clientes que só enxergam o botão comprar e não sabem que ao aparecer a (mãozinha) a área é clicável.

Nós temos que adaptar a loja a esses jovens de 60,70,80,90 até 100 anos que estão cada vez mais presentes no mundo digital.

Eu tenho esse recurso na minha loja Wordpress que estou para substituir pela Opencart. .Gostaria de conseguir colocar esse recurso que acho muito importante.

https://www.digiparts.com.br/categoria- ... nterativo/

Estou utilizando o Versão 3.0.3.1 (Brasil 1.2.2)

Obs. No Wordpress isso foi possível com a alteração abaixo:
Código: Selecionar todos
/**
 * @snippet       Remove Add Cart, Add View Product @ WooCommerce Loop
 * @how-to        Watch tutorial @ https://businessbloomer.com/?p=19055
 * @sourcecode    https://businessbloomer.com/?p=20721
 * @author        Rodolfo Melogli
 * @testedwith    WooCommerce 3.1.1
 */
 
// First, remove Add to Cart Button
 
remove_action( 'woocommerce_after_shop_loop_item', 'woocommerce_template_loop_add_to_cart', 10 );
 
// Second, add View Product Button
 
add_action( 'woocommerce_after_shop_loop_item', 'bbloomer_view_product_button', 10);
 
function bbloomer_view_product_button() {
global $product;
$link = $product->get_permalink();
echo '<a href="' . $link . '" class="button addtocartbutton">View Product</a>';
}

Re: Alterar o botão comprar para direcionar para os detalhes do produto

Enviado: 26 Fev 2019, 18:44
por leandrocs
Você pode retirar o botão comprar dos arquivos:

catalog/view/theme/default/template/extension/module/
bestseller.twig
latest.twig
featured.twig
special.twig

catalog/view/theme/*/template/product/category.twig

Removendo o código abaixo:

<button type="button" onclick="cart.add('{{ product.product_id }}');"><i class="fa fa-shopping-cart"></i> <span class="hidden-xs hidden-sm hidden-md">{{ button_cart }}</span></button>

Re: Alterar o botão comprar para direcionar para os detalhes do produto

Enviado: 27 Fev 2019, 09:53
por FMiguez
Bom dia, Leandro

Obrigado pela dica, mas a intenção é justamente ter um botão para o cliente saber para onde esta sendo direcionado. No caso, para a página do produto, onde ele vai ver primeiramente as especificações do produto, vídeo e fotos. Com isso ele vai se sentir mais seguro para clicar no botão comprar, se for o caso.

Eu postei essa pergunta no fórum americano e tive uma resposta, mas a versão que ele se refere é diferente da que estou usando: Versão 3.0.3.1 (Brasil 1.2.4)

A alteração é para ser feita justamente nessa linha de código que vc sugeriu remover :

<div class="button-group">
<button type="button" onclick="cart.add('{{ product.product_id }}', '{{ product.minimum }}');"><span class="hidden-xs hidden-sm hidden-md">{{ button_cart }}</span> <i class="fa fa-shopping-cart"></i></button>
<button type="button" data-toggle="tooltip" title="{{ button_wishlist }}" onclick="wishlist.add('{{ product.product_id }}');"><i class="fa fa-heart"></i></button>
<button type="button" data-toggle="tooltip" title="{{ button_compare }}" onclick="compare.add('{{ product.product_id }}');"><i class="fa fa-exchange"></i></button>
</div>

Post by solidus_kodas » Wed Feb 06, 2019 2:48 am

Hi,

you need to change "Add to cart" button functionality by modifying it code. You need to replace this part of code: https://prnt.sc/mh2dps with: https://prnt.sc/mh2e57

Hope it helps!

Re: Alterar o botão comprar para direcionar para os detalhes do produto

Enviado: 01 Mar 2019, 19:58
por leandrocs
Na loja que to montando eu tirei os botão comprar, comparar e whishlist, botão comprar só na página do produto. Como na maioria das lojas grandes fazem..

Tentei mexer no código para fazer esse link , mas não deu certo.

Re: Alterar o botão comprar para direcionar para os detalhes do produto

Enviado: 01 Mar 2019, 21:59
por FMiguez
Boa noite, Leandro

Eu removi a linha de código, mas ela só remove o botão do catálogo. Na Home os produtos em destaque ficam com o botão ativo.
Como ficou estranho eu desfiz a alteração.

Valeu pela força!!

Re: Alterar o botão comprar para direcionar para os detalhes do produto

Enviado: 01 Mar 2019, 22:13
por leandrocs
OI boa noite!


se remover desses arquivos, só vai sobrar o botão comprar na página do produto
catalog/view/theme/default/template/extension/module/
bestseller.twig
latest.twig
featured.twig
special.twig

catalog/view/theme/*/template/product/category.twig
catalog/view/theme/*/template/product/manufacturer_info.twig
catalog/view/theme/*/template/product/special.twig

Dos produtos relacionados ficam no arquivo product.twig. busca por <h3>{{ text_related }}</h3>, ai descendo algumas linhas você encontra os mesmos botões das outras páginas
catalog/view/theme/*/template/product/product.twig

Re: Alterar o botão comprar para direcionar para os detalhes do produto

Enviado: 03 Mar 2019, 18:39
por FMiguez
Boa Tarde, Leandro

Removi todos as linhas, só que esse procedimento conflitou com a extensão que deixa os produtos sem estoque com o status esgotado. Todos os produtos esgotados ficaram com o botão comprar da página do produto ativos...

Vou aguardar para ver se tenho resposta do fórum americano.

Agradeço seu empenho em tentar resolver.

Re: Alterar o botão comprar para direcionar para os detalhes do produto

Enviado: 06 Mar 2019, 21:13
por leandrocs
:)

oi Miguez, me passa o link da extensão para eu dar uma olhada

Re: Alterar o botão comprar para direcionar para os detalhes do produto

Enviado: 21 Mar 2019, 16:31
por FMiguez
Boa Tarde, Leandro

Desculpas por retornar só agora. Fui migrar um site novo, e na hora que que fui excluir o antigo, deu um Bug. Perdi 3 sites! coloquei no ar hoje, mas falta alguns ajustes rsrsr
Quanto a alteração do botão, tive uma resposta do fórum americano. Estou aguardando mais algumas orientações.
Assim que tiver uma resposta positiva, te aviso.

Obrigado por enquanto.

Obs. Não encontrei o link da extensão, baixei várias pra teste e agora não sei onde salvei.
O nome é: Out of Stock Disabled Button autor : REDS

Re: [Resolvido] Alterar o botão comprar para direcionar para os detalhes do produto

Enviado: 22 Mar 2019, 14:00
por leandrocs
oi, sem problema.

Boa sorte!