Cómo deshabilitar la opción de compra en WooCommerce para usarlo como catálogo.

En el panel de ajustes de WooCommerce NO existe opción que te permita hacer esto. Es decir, WooCommerce da por hecho que vamos a usar la plataforma para vender productos y por eso activa de forma implícita la opción de carrito de compra cuando lo instalamos.

Por tanto, la única forma de conseguirlo sería a través de algún plugin. Y efectivamente encontré 2 sencillos plugins que te permitían hacer esto mismo sin mucha complicación. Los plugins de los que hablo son:

  • Catalog Visibility Options. Es un plugin desarrollado por el propio equipo de WooThemes que te permite no sólo deshabilitar los botones de compra de los productos, sino también ajustar la visibilidad de los productos en función del rol del visitante.
    • https://www.woothemes.com/products/catalog-visibility-options/
  • WooCommerce Catalog Mode. Este plugin no tiene tantas opciones como el anterior, pero funciona perfectamente para lo que buscamos.

YITH WooCommerce Catalog Mode

Cabe mencionar que estos plugins son de pago. Y que conste que estoy totalmente a favor de comprar plugins premium si no encuentras ninguno gratuito que te ofrezca las mismas prestaciones.

Lo que ocurre es que en este caso no creo que merezca la pena pagar por un plugin si sólo buscas deshabilitar la opción de compra de WooCommerce.

El truco consiste en desactivar las acciones que habilitan los botones de compra tanto en la página de la tienda como en la página individual de cada producto. Y por supuesto, también funciona para las variaciones de productos.

Para hacerlo basta con pegar las siguientes líneas de código al final del archivo “function.php” de tu plantilla.

remove_action( 'woocommerce_after_shop_loop_item', 'woocommerce_template_loop_add_to_cart', 10 );

remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_add_to_cart', 30 );

remove_action( 'woocommerce_simple_add_to_cart', 'woocommerce_simple_add_to_cart', 30 );

remove_action( 'woocommerce_grouped_add_to_cart', 'woocommerce_grouped_add_to_cart', 30 );

quitar boton de compra woocommerceSin embargo, aún falta eliminar el icono del carrito del menú principal.
Lo primero que hay que hacer es identificar el nombre de la clase que da estilo al icono del carrito de tu plantilla WooCommerce.

La forma más fácil de hacerlo es con el inspector de elementos del navegador. Yo te voy a explicar cómo hacerlo con Google Chrome.

  1. Haz clic derecho sobre el icono del carrito y después click en “Inspeccionar elemento“.
  2. Por último, identifica la clase del elemento (
  3.  
  4. ) del menú correspondiente al carrito de compra. Aquí te muestro cómo he identificado el nombre de la clase del icono de mi plantilla.

encontrar clase icono carrito woocommerceEn mi caso la clase cart es la que da estilo al icono de carrito de mi plantilla.

Una vez sepas el nombre de la clase, entra en el panel de administración de WordPress y ve al apartado Apariencia > Editor. En la columna de la derecha haz clic sobre el enlace que dice Hoja de estilo.

eliminar carrito compra woocommerce

Por último, simplemente pega las siguientes líneas al final del código y después haz clic en Actualizar archivo”.

ul.menu .cart {
display: none !important;
}

Recuerda que tú debes sustituir el nombre de la clase “.cart” por el nombre de tu clase.

Cuando hayas guardado todos los cambios, vuelve a cargar de nuevo la página de tu tienda WooCommerce. Si has seguido los pasos correctamente, podrás ver que ya no está habilitada la opción de compra, ni el carrito.