Deshabilitar y eliminar productos relacionados en WooCommerce: 5 formas de ocultarlos rápidamente

Los productos relacionados con WooCommerce se crean con el claro objetivo de presentar a los visitantes de la tienda una gama más amplia de productos.

Es una forma efectiva de aumentar el valor promedio de los pedidos o las compras de productos y casi todas las tiendas utilizan el concepto.

Pero si no quieres que aparezcan, ¿cómo eliminas los productos relacionados con WooCommerce o los deshabilitas para que no aparezcan?

Podría estar bombardeando a los clientes con otros productos incluso antes de que quisieran hacer su primera compra en su tienda en un momento dado y eso no es bueno para la conversión.

Quizás se pregunte cómo WooCommerce elige qué productos relacionados mostrar en la página del producto.

Los productos relacionados con WooCommerce, a diferencia de las ventas cruzadas de WooCommerce y las ventas adicionales de WooCommerce, no se pueden personalizar.

Sin embargo, se puede influir agrupando productos similares en la misma categoría de productos o usando las mismas etiquetas de productos.

Puede creer que su sitio solo organiza los productos relacionados con WooCommerce por categoría, pero también considera las etiquetas de los productos.

Entonces, no sorprende que muchos comerciantes deshabiliten los productos relacionados con WooCommerce en la página del producto.

 

Cuando se trata de ocultar productos relacionados con WooCommerce, tienes varias opciones.

Elija el que le resulte más fácil de realizar.

  1. Puede agregar código a functions.php.
  2. Usando un complemento, agregue algo de código al archivo principal functions.php para que las actualizaciones del tema no anulen los cambios.
  3. Use CSS para evitar que los productos relacionados aparezcan en la página del producto.

La primera solución requiere que tenga un tema secundario instalado en su sitio.

Recomendamos usar un tema secundario para que sus cambios no se sobrescriban cuando se actualice el tema de WordPress.

Si no tiene un tema secundario configurado y aún desea utilizar este método, deberá crear uno.

Así es como crear un tema hijo, respectoless de qué tema has instalado.

Accede al editor de temas a través de tu panel de WordPress (Apariencia > Editor de temas). Luego elige el tema de tu hijo.

Busque el archivo functions.php y pegue el siguiente código para deshabilitar permanentemente los productos relacionados con WooCommerce.

remove_action('woocommerce_after_single_product_summary', 'woocommerce_output_related_products', 20);
Sin embargo, en algunos casos, es posible que se pregunte: "¿Por qué no puedo ver el Editor de temas de WordPress?" 

Si no tiene permiso para cambiar functions.php, aquí está la solución:

Puede hacer un cambio simple en su archivo wp-config.php buscando la línea ('DESHABILITAR EDICIÓN DE ARCHIVO', verdadero) y reemplazando la palabra 'verdadero' con 'falso', como se muestra a continuación:

(falso, 'RECHAZAR EDICIÓN DE ARCHIVO')

Eso es si tiene permiso para editar ese archivo.

Esto restaurará la opción Editor de temas de WordPress, lo que le permitirá insertar el código en el archivo functions.php del tema secundario según lo planeado.

Desde una perspectiva técnica, creo que usar un complemento es una buena solución si no quiere meterse con el código.

Puede evitar el problema de que las actualizaciones de temas anulen el código usando un complemento para insertar código en el archivo functions.php, y no necesita usar un tema secundario si aún no tiene uno.

Primero se requiere un complemento de fragmentos de código. Algunos de estos son complementos completamente gratuitos, fuertes y compatibles que se pueden encontrar en el repositorio de WordPress.org.

Algunos complementos que pueden ser útiles son: Mis funciones personalizadas de Space X-Chimp y fragmentos de código de Code Snippets Pro.

Mis funciones personalizadas

Una vez que haya instalado uno de estos complementos, puede continuar y pegar el código del método anterior.

Aquí está de nuevo:

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

Simplemente siga las instrucciones proporcionadas por el desarrollador del complemento (que generalmente son tan simples como copiar y pegar el código en un cuadro) para ocultar los productos relacionados con WooCommerce de la página del producto.

Esta es una solución relativamente simple. Pero es una "corrección de CSS" en lugar de una "corrección de código", lo que significa que la función aún se ejecuta en segundo plano, pero le estás diciendo que no use un estilo.

Puede que esto no te moleste en lo más mínimo. En ese caso, puede deshabilitar fácilmente productos relacionados en la página de productos de WooCommerce pegando este CSS en su Tema WooCommerce Sección "CSS personalizado" del personalizador.

Pegue el siguiente CSS en Apariencia > Personalizar > CSS personalizado:

.Productos relacionados {
display: none;
}

Eso es todo; Los productos relacionados con WooCommerce se han eliminado de su sitio web.

Estos tres ejemplos se centran en evitar que WooCommerce muestre productos relacionados en las páginas de productos.

Con un creador de páginas como Divi o Elementor, puede eliminar los productos relacionados con WooCommerce de una página de producto.

De hecho, la apariencia de la página del producto de WooCommerce se puede personalizar por completo.

Sin embargo, ¡no es necesario que tome medidas drásticas!

Puede crear una nueva página de producto de WooCommerce para que se vea casi idéntica a la plantilla de página de producto predeterminada, pero con algunas diferencias clave.

¿Quieres desactivar los productos relacionados con WooCommerce? Ningún problema; simplemente déjelos fuera de sus nuevos diseños de página de productos.

¿Quiere cambiar el texto de las páginas de productos de WooCommerce que hace referencia a productos relacionados?

No hay problema: solo use un creador de páginas como Divi para cambiar el título a lo que desee.

En dispositivos móviles, ¿quieres mostrar una sola columna de productos relacionados con WooCommerce?

Eso tampoco es un problema. ¡Simplemente especifíquelo en su creador de páginas!

¿Quieres cambiar el tamaño de la imagen de los productos relacionados con WooCommerce?

No hay problema: solo use el generador de páginas para ajustar los tamaños de las imágenes a su gusto.

¿Quieres excluir productos relacionados con WooCommerce de una subcategoría?

Ningún problema; ¡simplemente deje la sección de productos relacionados en blanco para ciertas páginas!

¿Quieres crear una lista de productos relacionados con WooCommerce?

En la página de productos de WooCommerce, puede mostrar productos relacionados exactamente como y donde quiera.

En lugar de mostrar productos relacionados con WooCommerce, ¿por qué no mostrar los más vendidos?

Usar un generador de páginas para diseñar la página de su producto WooCommerce sin ningún código es una gran idea, ¡y es fácil de hacer!

Entonces, si tiene curiosidad por saber cómo controlar productos relacionados en WooCommerce, es posible que necesite abordar el problema desde una perspectiva diferente.

Sí, puede editar la sección de productos relacionados de la página de productos de WooCommerce si eso es todo lo que desea hacer.

Sin embargo, es casi seguro que esto requerirá el uso de código.

Considere las posibilidades.

Puede controlar todo en el diseño de la página del producto de WooCommerce si usa un creador de páginas para editar la página del producto de WooCommerce.

¡Eso no significa que tengas que tomar medidas drásticas!

Simplemente puede copiar el diseño existente y realizar cambios menores para que coincida con sus requisitos.

Echa un vistazo al tema Divi y Divi Builder, ambos excelentes, potentes y baratos.

Sí, puede deshabilitar productos relacionados con WooCommerce entre todas las páginas de productos, o puede desactivar productos relacionados en productos específicos en WooCommerce.

Algunas soluciones requieren codificación en los archivos de temas, mientras que otras se basan en CSS en la sección CSS personalizada del personalizador de temas.

Sin embargo, creemos que tomar el control total del diseño de la página de su producto y no depender de la plantilla de la página del producto proporcionada por su tema para trabajar con WooCommerce es la mejor opción.

En la página de productos de WooCommerce, puede comenzar a reemplazar los productos relacionados con WooCommerce con los más vendidos, productos de venta adicional o productos de venta cruzada.

Como hemos visto con el tema Divi y Divi Builder enfoque para reemplazar los productos relacionados con WooCommerce, es totalmente posible personalizar la página del producto sin tener que tocar una pieza de código.

Aunque los productos relacionados con WooCommerce no se pueden detallar como las ventas adicionales y cruzadas de WooCommerce, puede afectar a los productos relacionados.

A los ojos de la base de datos de WooCommerce, la categorización de productos en la misma categoría de productos o el uso de las mismas etiquetas de productos en sus productos de WooCommerce los hace "relacionados".

Puede pensar que su sitio solo organiza productos relacionados con WooCommerce por categoría, pero WooCommerce también asocia productos con etiquetas.

Si ha configurado varias categorías y etiquetas como la mayoría de los propietarios de negocios de WooCommerce, es probable que vea que una gran parte de su catálogo de productos aparece como "productos relacionados" en las páginas de productos de WooCommerce.

1. Ocultarlos con CSS 2. Usar fragmentos de código para modificar PHP para deshabilitar productos relacionados 3. Reconstruir la página de productos de WooCommerce usando un creador de páginas como Divi, excepto la sección Productos relacionados del diseño.

WooCommerce usa categorías de productos y etiquetas de productos para agrupar productos. Para cambiar qué productos están relacionados, primero debe cambiar las Categorías y etiquetas de productos.

Personalizar la página de productos de WooCommerce es una mejor manera de administrar los "productos relacionados" que aparecen en la página de productos de WooCommerce. Puede elegir mostrar productos de "venta cruzada" y "venta adicional" especificados por el usuario en lugar de los productos relacionados definidos por WooCommerce.

Sobre la autora
Shahzad Said
Shahzaad Saaed ha aparecido en una gran cantidad de sitios web de autoridad, incluidos EasyDigitalDownloads, OptinMonster y WPBeginner, donde actualmente trabaja como redactor de contenido senior. Shahzad es un experto en WordPress, diseñador web y experto en tecnología y diseño en general. Se especializa en marketing de contenidos para ayudar a las empresas a aumentar su tráfico a través de artículos, blogs y guías de expertos prácticos y respaldados por experiencias, todo ello extraído de sus más de 10 años de experiencia en el campo.

Una cosa más... ¿Sabías que las personas que comparten cosas útiles como esta publicación también se ven IMPRESIONANTES? ;-)
Por favor, deja un eficiente Comente con sus pensamientos, luego comparta esto en su (s) grupo (s) de Facebook que lo encontrarán útil y cosechemos los beneficios juntos. ¡Gracias por compartir y ser amable!

Divulgación: Esta página puede contener enlaces a sitios externos para productos que amamos y recomendamos de todo corazón. Si compra productos que le sugerimos, es posible que ganemos una tarifa de referencia. Tales tarifas no influyen en nuestras recomendaciones y no aceptamos pagos por reseñas positivas.

Autor (es) destacado en:  Logotipo de la revista Inc   Logotipo de Sitepoint   Logotipo de CSS Tricks    logotipo de webdesignerdepot   Logotipo de WPMU DEV   y muchos más ...