sábado, 9 de mayo de 2015

Woocommerce como catálogo de productos (sin carrito de compras).

Woocommerce como catálogo de productos
Woocommerce es un excelente plugin para convertir Wordpress en una tienda de comercio electrónico, ya que es fácil de manejar, con buena documentación y con excelente soporte multi-idioma. No obstante, a pesar de estas maravillosas características, Woocommerce tiene el defecto de no poder configurarlo como un simple catálogo de productos. ¿Qué quiero decir con ésto?. Pues bien, si de fijan bien, cuando empezamos a crear nuestros productos en Woocommerce, vemos que debajo o al lado de estos, no solo figura el precio de dicho producto, sino el famoso botón "Añadir al carrito" (el carrito de compras), algo de lo más obvio si se quiere vender productos online, que es lo que quieren la mayoría de las personas que desean ofrecer sus productos por Internet. ¿Pero que pasa si lo único que deseo es que los productos de la tienda exhiban el precio de dicho producto, sin que el visitante del sitio web, tenga la posibilidad de hacer una compra online?.

Pues bien, a mi me paso ésto, con un cliente que quería que le desarrollará un sitio web donde los clientes pudieran ver los precios de los productos, pero que si quería adquirir dichos productos, se comunicarán con él, ya sea dejando un comentario en la página individual de cada producto o por medio de un mensaje de correo electrónico dirigido a él. Fue en ese momento que me dí cuenta que Woocommerce no tenía una opción para convertirlo en un simple catálogo de productos sin opción de compra por parte de los visitantes del sitio web como lo quería mi cliente. Pero despúes de mucho indagar encontré una solución para forzar a Woocommerce a actuar como un catálogo de productos sin opción de compra. Dicha solución es la siguiente:

1. Debes editar la plantilla activa que estás usando en Wordpress. Para ello te vas a Apariencia y eliges la opción Editor:


2. Luego te vas al archivo functions.php, ubicado en la parte derecha y das clic en él:


3. Una vez dentro de dicho archivo, pegas el siguiente código al final de dicho archivo y das clic en el botón Actualizar archivo:

//Código para deshabilitar el botón de "Añadir al carrito" de la página de listado de productos:
remove_action( 'woocommerce_after_shop_loop_item', 'woocommerce_template_loop_add_to_cart' );
//Código para deshabilitar el botón de “Añadir al carrito” de la página individual de cada producto:
remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_add_to_cart', 30 );

Con hacer esto desaparece el botón de "Añadir al Carrito", tanto de la página de listado de productos como en la página individual de cada producto. Observen la tienda online, antes del código y después de haber insertado el código:

Tienda Online antes del código:


Tienda Online despúes de haber insertado el código:


Como ven, desapareció el botón "Añadir al carrito", por lo que los visitantes del sitio web, no podrán hacer un compra online. Hasta aquí todo parece ir perfecto, pero resulta que ahora debemos deshabilitar los botones del menu horizontal donde todavía aparecen las opciones: Carrito, Finalizar mi compra y Mi cuenta.


Para ello debemos instalar un plugin llamado Exclude Pages from Navigation, con el cuál podemos incluir o excluir las páginas a las que el usuario tendrá acceso en el sitio web. En este caso deseamos ocultar las páginas: Carrito, Finalizar mi compra y Mi cuenta. En el siguiente vídeo se explica como instalar el plugin Exclude Pages from Navigation en nuestro sitio web:



Luego de haber instalado correctamente el plugin, y de haber deshabilitado las páginas anteriormente mencionadas, nuestro menú quedará así:


Y listo!. Ahora nuestro Woocommerce actúa solo como un catálogo de productos, impidiendo a los visitantes realizar compras online, y solo permitiendo que puedan ver los precios de los productos y sus respectivos detalles (información) sobre los mismos.

¿Y si quisiera otra vez volver a habilitar la opción de compras online para los visitantes del sitio web?. Pues bien en ese caso, lo primero que debe hacerse es habilitar nuevamente las páginas Carrito, Finalizar mi compra y Mi cuenta del menú horizontal, habilitando la opción Exclude Pages en dichas páginas:


Y luego se deshabilita el código insertado en el archivo functions.php de nuestra plantilla, agregándoles dos barras adelante de dichos códigos (los remove_action):

//Este codigo deshabilita el botón de "Añadir al carrito" de la página de listado de productos...
//remove_action( 'woocommerce_after_shop_loop_item', 'woocommerce_template_loop_add_to_cart' );
//Este codigo deshabilita el botón de "Añadir al carrito" de la página individual de cada producto...
//remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_add_to_cart', 30 );

Bueno este es todo. Espero que les haya servido la información.

Image Credits (Créditos de imágenes):
"Woocommerce cart" by Dencoba is licensed under CC0 1.0.
Related Posts Plugin for WordPress, Blogger...