Quitar los productos relacionados de WooCommerce

Como bien sabes, WooCommerce incluye diversas secciones al final de la página de un producto, justo antes del pie de página, que muestran otros artículos disponibles en la tienda, conocidos como productos relacionados.

Sin embargo, no siempre es beneficioso mostrar estos productos relacionados (lo veremos más adelante), y, sorprendentemente, WooCommerce no ofrece una opción nativa para desactivar su visualización. Si estás considerando esta opción, sigue leyendo, ya que exploraremos no una, sino dos formas de ocultar o desactivar la visualización de productos relacionados en WooCommerce.

Importancia de los productos relacionados en WooCommerce

Generalmente, la inclusión de productos relacionados es una estrategia valiosa que suele ser recomendable mantener, a menos que haya razones específicas para optar por lo contrario. Debemos tener en cuenta que:

✓ Mejoran la navegación dentro de la tienda en línea.

✓ Aumentan el tiempo que los usuarios pasan en el sitio.

✓ Reducen la tasa de rebote del sitio web.

✓ Facilitan las ventas cruzadas al mostrar productos adicionales basados en los intereses del cliente.

Como puedes ver, ofrecen numerosas ventajas que merece la pena aprovechar y, en muchos casos, potenciar, incluyendo también el uso de productos vinculados y, especialmente, los productos vistos recientemente:

Razones para Desactivar la visualización de productos relacionados en WooCommerce

No obstante, existen situaciones específicas en las que puede ser justificado desactivar la visualización de productos relacionados, aunque suelen ser casos excepcionales. Por ejemplo, cuando estos productos ya se están mostrando en otra sección con el fin de resaltarse, cuando los productos ofrecidos son servicios no complementarios o cuando es más conveniente dirigir la atención del usuario hacia otra acción.

Por supuesto, puede haber otras circunstancias; no se trata de una lista exhaustiva. Simplemente, sopesa los pros y los contras de desactivar la visualización de productos relacionados y considera las ventajas que podrías perder al hacerlo. Luego, toma una decisión basada en tu situación particular.

Métodos para eliminar los productos relacionados

Una vez que has decidido desactivar la visualización de productos relacionados en tu tienda (asegúrate de tener una razón válida para hacerlo que supere las ventajas que ofrecen), te encontrarás con la limitación de que WooCommerce no ofrece una opción para ello de forma directa.

Sin embargo, existen diversas formas de lograrlo, cada una con sus ventajas y desventajas. A continuación, te explicaré todas ellas para que puedas elegir la que mejor se adapte a tus necesidades.

Desactivación de productos relacionados mediante código

La forma más efectiva de lograrlo es a través de código. Además, se trata de un código muy sencillo que te proporciono aquí mismo. Solo necesitas utilizar el siguiente fragmento:

remove_action('woocommerce_after_single_product_summary', 'woocommerce_output_related_products', 20);

Para insertar este código, dirígete a la siguiente ruta en tu panel de administración de WordPress: Apariencia > Editor de archivo de temas > functions.php. Puedes pegar este fragmento al final del archivo.

Ocultar productos relacionados mediante CSS

Si el uso de código te resulta intimidante, otra alternativa es ocultar los productos mediante CSS. La diferencia con el método anterior es que aquí el código que muestra los productos sigue ejecutándose, pero ocultamos la sección en la que aparecen. Los enlaces seguirán estando presentes en el código fuente, aunque el usuario no los vea.

El código a utilizar (que puedes colocar en Apariencia > Personalizar > CSS adicional) es el siguiente:

.related.products{display:none}

Desactivar productos relacionados en productos específicos

Si solo deseamos desactivar los productos relacionados en una única ficha de producto, podemos hacerlo de la siguiente manera:

add_action('wp_print_styles', function () {

     if (ID == get_the_ID())

           echo '';

     }, 10);

Reemplaza "ID" con el ID del producto en cuestión. Aquí te dejo un video que explica cómo encontrar el ID de un producto, por si no estás familiarizado con el proceso:

Por otro lado, si deseas desactivar los productos relacionados en más de un producto, puedes hacerlo de esta manera:

add_action('wp_print_styles', function () {

     if (in_array(get_the_ID(), array(IDS1, IDS2)))

           echo '';

     }, 10);

Puedes añadir todos los IDs que necesites dentro de los paréntesis donde se encuentran "IDS1" e "IDS2" (que, obviamente, debes reemplazar con los IDS correspondientes), separados por comas.

Desactivar productos relacionados por categoría de producto

Otra opción es desactivar los productos relacionados por categoría de producto, utilizando la función has_term con la taxonomía product_cat, que corresponde a la categoría de productos. Podríamos hacerlo así:

add_action('wp_print_styles', function () {

     if (has_term(ID, 'product_cat'))

           echo '';

     }, 10);

En este caso, "ID" se refiere al ID de la categoría (que puedes encontrar en la URL al editar la categoría correspondiente) y debes reemplazarlo. También puedes aplicar este método a varias categorías, siguiendo el mismo principio que en el ejemplo anterior para varios productos.

Pero eso no es todo, hemos visto solo un par de ejemplos, pero las posibilidades son infinitas: por etiqueta, con exclusiones respecto a la condición general, por rol de usuario, por tipo de producto... Como siempre, el código proporciona una libertad total.

¡Ayuda!