Principais conclusões:
- O controlo do botão “Adicionar ao carrinho” no WooCommerce permite uma maior flexibilidade na gestão da apresentação e venda de produtos, atendendo a vários cenários, como artigos esgotados ou produtos apenas de catálogo.
- Esconder o botão torna-o invisível para os utilizadores, enquanto removê-lo o elimina completamente do código do site, oferecendo diferentes níveis de controlo.
- A ocultação ou remoção condicional com base em IDs de produtos ou outros critérios proporciona um controlo granular sobre os produtos que estão disponíveis para compra.
- Desativar o botão mantém-no visível mas não clicável, sinalizando a indisponibilidade do produto sem remover completamente a opção de compra.
Há muitas razões para quereres ocultar, remover ou desativar o botão Adicionar ao carrinho na tua loja WooCommerce. Talvez o produto apresentado na tua loja não esteja à venda, ou queiras mostrar o catálogo de produtos ou os teus produtos tenham esgotado o stock.
É por isso que precisas de uma maior capacidade de personalização para atualizar a funcionalidade da tua loja de acordo com as tuas exigências. Um enorme repositório de plug-ins do WordPress e extensões do WooCommerce oferece aos utilizadores extensas opções de personalização que resultam numa experiência mais fácil de utilizar.
Neste artigo, mostrar-te-ei como ocultar, remover ou desativar o botão “Adicionar ao carrinho” na tua loja WooCommerce, para cenários de rutura de stock ou apresentação de catálogos de produtos. Podes utilizar o alojamento WordPress gerido pela Cloudways para alojar a tua loja WooCommerce.
- Porquê ocultar, remover ou desativar o botão “Adicionar ao carrinho”?
- Compreender a diferença entre ocultar e remover
- Ocultar o botão Adicionar ao carrinho da página de produto do WooCommerce
- Ocultar condicionalmente o botão Adicionar ao carrinho do WooCommerce
- Remove o botão Adicionar ao carrinho para produtos específicos
- Desativar em vez de ocultar ou remover o botão Adicionar ao carrinho
Porquê ocultar, remover ou desativar o botão “Adicionar ao carrinho”?
O botão “Adicionar ao carrinho” é um componente crucial de qualquer loja WooCommerce.
É a porta de entrada entre a navegação e a compra, servindo como o primeiro passo na jornada de compra do cliente. Mas pode haver cenários em que queiras ocultar, remover ou desativar este botão.
Talvez estejas a gerir um site de catálogo sem compras diretas ou queiras tornar certos produtos visíveis mas não compráveis. Seja qual for a tua razão, saber como manipular este botão dá-te um maior controlo sobre a funcionalidade da tua loja.
Compreender a diferença entre ocultar e remover
Enquanto ocultar o botão “Adicionar ao carrinho” o torna invisível, removê-lo completamente elimina o botão do código do teu site. Isto significa que, mesmo que alguém inspeccione o código do teu site, não encontrará o botão. Isto pode ser útil se quiseres evitar que utilizadores experientes contornem o fluxo pretendido da tua loja.
Nota: Antes de fazeres quaisquer alterações, certifica-te de que o teu site WooCommerce tem uma cópia de segurança. Se algo correr mal, podes restaurar a tua loja para o estado anterior.
Experimenta a facilidade de personalização do WooCommerce com a Cloudways!
Mudanças sutis podem fazer uma grande diferença. Com a hospedagem da Cloudways, personalizar a tua loja WooCommerce é muito fácil…
Ocultar o botão Adicionar ao carrinho da página de produto do WooCommerce
Vamos começar por remover o botão “Adicionar ao carrinho” da página de detalhes do produto e da página da loja (página de listagem de produtos). Para implementar isso, usarei os seguintes hooks:
remove_action( 'woocommerce_after_shop_loop_item', 'woocommerce_template_loop_add_to_cart'); remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_add_to_cart');
Podes inserir estes hooks onde te parecer mais adequado. Normalmente, estes hooks são adicionados ao ficheiro functions.php localizado na pasta do teu tema.
No entanto, em alguns casos, isso pode levar a erros. Por isso, recomendo que coloques estes ganchos no ficheiro woocommerce.php localizado na pasta plugins.
Segue os passos para acederes ao ficheiro woocommerce.php:
- Navega até WordPress → wp-content.
- Clica em Plugins → WooCommerce → woocommerce.php.
Em seguida, adiciona o seguinte código:
/**
* Instancia principal do WooCommerce.
*
* Retorna a instância principal do WC para evitar a necessidade de usar globals.
*
* @desde 2.1
* @retorna WooCommerce
*/
função WC() {
remove_action( 'woocommerce_after_shop_loop_item', 'woocommerce_template_loop_add_to_cart');
remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_add_to_cart');
retorna WooCommerce::instance();
}
Depois de adicionares o código, guarda o ficheiro e actualiza a tua página. Se o fizeres corretamente, deverás ver que o botão “Adicionar ao carrinho” foi removido da tua página.
Ocultar condicionalmente o botão Adicionar ao carrinho do WooCommerce
Pode haver casos em que só queiras ocultar o botão “Adicionar ao carrinho” para produtos específicos. Nesses casos, é necessária uma abordagem condicional.
Ocultar o botão Adicionar ao carrinho do Woocommerce para um produto específico
Segue estes passos para ocultar o botão “Adicionar ao carrinho” para um produto específico:
- Navega até ao Painel de Controlo do WordPress → Produtos → Todos os Produtos.
- Passa o cursor sobre o produto para o qual pretendes ocultar o botão “Adicionar ao carrinho” e anota o ID do produto (neste exemplo, o ID é 25).
Em seguida, adiciona o seguinte código ao teu ficheiro functions.php:
add_action( 'woocommerce_after_shop_loop_item', 'hide_add_to_cart_for_specific_product', 10 );
função hide_add_to_cart_for_specific_product() {
global $produto;
se ( 25 == $product->get_id() ) {
remove_action( 'woocommerce_after_shop_loop_item', 'woocommerce_template_loop_add_to_cart' );
remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_add_to_cart', 30 );
}
}
Com este código, o botão “Adicionar ao carrinho” ficará oculto para o produto com o ID 25. Neste caso, trata-se de uma caneca personalizável.
Impulsiona o crescimento da tua loja online com a Autonomous!
“Entra no futuro da hospedagem com o Cloudways Autonomous. Experimenta uma escalabilidade perfeita, uma velocidade incomparável e uma segurança sólida para o teu site.”
Esconde os preços do Woocommerce nas páginas da loja e da categoria
Para remover os preços do WooCommerce na página da loja e da categoria, tens de abrir o ficheiro functions.php e adicionar o seguinte código;
remove_action( 'woocommerce_after_shop_loop_item_title', 'woocommerce_template_loop_price', 10 );
Ao adicionar este código, remove o preço do produto nas páginas da loja e da categoria. Vê o resultado:
Remove o botão Adicionar ao carrinho para produtos específicos
Existem três métodos para remover o botão “Adicionar ao carrinho” de páginas de produtos específicas:
- Remove o valor dos campos de preço. Isto fará com que o produto deixe de ter um preço, o que, por sua vez, remove o botão “Adicionar ao carrinho”.
- Ativa a gestão de stocks e coloca o stock do produto a zero.
- Utiliza o filtro para o gancho woocommerce_is_purchasable.
Usa o gancho woocommerce_is_purchasable
Vou utilizar um filtro que visa um ID de produto específico para o qual pretendo remover o botão “Adicionar ao carrinho”.
Sempre que este filtro identificar o ID do produto do nosso produto alvo, ele retornará falso. Como resultado, embora o preço ainda esteja visível, um aviso substituirá o botão “Adicionar ao carrinho”, dizendo: “O produto não pode ser comprado”.
Para implementar isto, adiciona o seguinte código ao teu ficheiro functions.php.
add_filter('woocommerce_is_purchasable', 'woocommerce_cloudways_purchasable');
function woocommerce_cloudways_purchasable($cloudways_purchasable, $product) {
return ($product->id == your_specific_product_id (like 22) ? false : $cloudways_purchasable);
}
Desativar em vez de ocultar ou remover o botão Adicionar ao carrinho
Desativar o botão “Adicionar ao carrinho” é diferente de o ocultar ou remover.
Quando desactivas o botão, este permanece visível mas não pode ser clicado. Isto pode ser útil se quiseres mostrar que um produto está normalmente disponível, mas que está atualmente esgotado ou indisponível por outras razões.
Eis como podes desativar o botão “adicionar ao carrinho” com um código personalizado:
- Vai a Appearance → Theme Editor e encontra o ficheiro functions.php.
- Adiciona o seguinte código para desativar o botão “Adicionar ao carrinho”:
add_filter( 'woocommerce_is_purchasable', 'disable_add_to_cart_button' );
função disable_add_to_cart_button( $is_purchasable ) {
// Podes adicionar condições aqui para desativar o botão para produtos específicos
return false; // return false desactiva o botão 'Adicionar ao carrinho'.
}
- Clica em “Atualizar ficheiro” para guardar as alterações.
Agora, o botão “Adicionar ao carrinho” deve ser desativado na tua loja WooCommerce. Lembra-te de que isto impedirá que os clientes adicionem itens ao carrinho, por isso certifica-te de que isto está de acordo com a estratégia da tua loja.
Aloja as tuas lojas WooCommerce nos nossos servidores WordPress para uma experiência sem problemas!
Esquece a gestão de alojamento e desfruta de resultados de desempenho extremamente rápidos com o alojamento gerido pela Cloudways. Concentra-te apenas no crescimento da tua marca.
Resumo
Neste post do blog, desbloqueamos o poder do WooCommerce dominando o botão ‘Adicionar ao carrinho’. Mostrei-te como o podes esconder, remover ou desativar, cada um com os seus próprios benefícios.
Encorajo-te a experimentar estes métodos e a ver a diferença que podem fazer na tua loja. Quer pretendas simplificar o teu catálogo ou gerir a disponibilidade dos produtos, estas técnicas oferecem um novo nível de controlo. Podes utilizar o alojamento gerido para lojas WooCommerce oferecido pela Cloudways para lojas de comércio eletrónico rápidas e escaláveis.
Então, porquê esperar? Mergulha de cabeça e começa a personalizar a tua loja WooCommerce hoje mesmo!
Q. Como posso desativar o botão “Adicionar ao carrinho” no WooCommerce?
A. Podes desativar o botão Adicionar ao carrinho de compras, adicionando um fragmento de código ao ficheiro functions.php do teu tema. Utiliza o seguinte código para remover o botão das páginas de produtos individuais:
remove_action('woocommerce_single_product_summary', 'woocommerce_template_single_add_to_cart', 30);
Para a remoção de todo o site, podem ser aplicadas condições adicionais para direcionar produtos ou categorias específicas.
Q. Como é que removo o ícone do carrinho de compras no WooCommerce?
A. Para remover o ícone do carrinho de compras, adiciona o seguinte CSS ao ficheiro Customizer do teu tema ou style.css:
.woocommerce-cart .cart-contents { display: none; }
Oculta o ícone do carrinho no menu de navegação.
Q. Como posso alterar o botão “Adicionar ao carrinho” no WooCommerce?
A. Para modificar o texto do botão Adicionar ao carrinho, adiciona este filtro ao teu ficheiro functions.php:
add_filter('woocommerce_product_add_to_cart_text', function() { return 'Your Custom Text'; });
Para uma maior personalização, ajusta o CSS do botão ou modifica a sua estrutura HTML.
Q. Como é que limpo o botão do carrinho no WooCommerce?
A. Podes limpar programaticamente o carrinho do WooCommerce utilizando este snippet:
WC()->cart->empty_cart();
Isto pode ser adicionado a um botão personalizado ou acionado por um evento específico para esvaziar o carrinho quando necessário.
Q. Como ocultar o botão “Adicionar ao carrinho” no WooCommerce?
A. Para ocultar o botão Adicionar ao carrinho, utiliza CSS:
.add_to_cart_button, .single_add_to_cart_button { display: none; }
Para um controlo dinâmico, utiliza uma função PHP para o remover condicionalmente.
Q. Como é que removo o botão “Adicionar ao carrinho” no WooCommerce?
A. Podes remover o botão Adicionar ao carrinho em todo o site ou em páginas específicas, modificando functions.php. Por exemplo, para o removeres dos arquivos de produtos:
remove_action('woocommerce_after_shop_loop_item', 'woocommerce_template_loop_add_to_cart', 10);
Q. Como posso desativar a página do carrinho de compras no WooCommerce?
A. Para desativar a página do carrinho, redirecciona os utilizadores para outra página utilizando esta função em functions.php:
função disable_cart_page_redirect() {
se (is_cart()) {
wp_redirect(home_url());
sai;
}
}
Isto garante que os utilizadores não conseguem aceder à página do carrinho.
Q. Posso remover o botão Adicionar ao carrinho na Shopify?
A. Sim, o Shopify permite remover o botão Adicionar ao carrinho de compras editando o arquivo product-template.liquid do tema. Podes comentar ou eliminar o <form> que contém o botão Adicionar ao carrinho, ou utilizar CSS para o ocultar.
-->
Sarim Javaid
Sarim Javaid é gerente sênior de marketing de conteúdo da Cloudways, onde sua função envolve a criação de narrativas atraentes e conteúdo estratégico. Hábil na elaboração de histórias coesas a partir de uma enxurrada de ideias, a escrita de Sarim é impulsionada pela curiosidade e um profundo fascínio pelos algoritmos em evolução do Google. Para além da esfera profissional, é um admirador de música e arte e uma pessoa demasiado entusiasmada.
