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 su tienda WooCommerce una gama más amplia de sus productos. WooCommerce muestra productos similares en sus páginas de productos por una razón. Pero si no quieres que aparezcan, ¿cómo eliminas los productos relacionados con WooCommerce o los deshabilitas para que no aparezcan?

WooCommerce Core también consta de WooCommerce Cross Sell en la página del carrito y WooCommerce Upsells en la página del producto (incluye todos los tipos de productos vinculados a WooCommerce).

En otras palabras, podría estar bombardeando a sus clientes leales con otros productos antes de que quisieran hacer su primera compra en su tienda en un momento dado.

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 WooCommerce Cross-Sells y WooCommerce Upsells, no se pueden personalizar, pero se pueden influir agrupando productos similares en la misma categoría de producto o usando las mismas etiquetas de producto.

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

Entonces, no sorprende que muchos comerciantes, dueños de tiendas, comerciantes de comercio electrónico y desarrolladores de WooCommerce deshabiliten los productos relacionados con WooCommerce en la página del producto.

Entonces, así es como funciona ...

 

 

Cuando se trata de ocultar productos relacionados con WooCommerce, las posibilidades son bastantes. Elija el que le resulte más fácil de realizar.

  1. Puede agregar algo de código al archivo functions.php de un tema secundario.
  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 Child Theme instalado en su sitio. Si lo ha hecho antes, esto debería ser bastante simple (especialmente si lo configura). No se preocupe si olvidó configurar su Child Theme.

Si puede acceder al Editor de temas a través de su panel de WordPress (Apariencia> Editor de temas).

Luego busque su archivo functions.php y pegue el siguiente código en él 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?" 

Aquí está la solución:

Puede continuar y realizar algunos cambios en el archivo wp-config.php buscando la línea ('DISALLOW FILE EDIT', verdadero) y reemplazando la palabra 'verdadero' con 'falso', como se muestra a continuación: 

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

Tampoco necesita iniciar sesión en su servidor o cPanel para realizar cambios en el archivo wp-config.php; en su lugar, puede usar el complemento WP File Manager.

Esto debe restaurar por completo la opción Editor de temas de WordPress, lo que le permite continuar con la inserción del código en el archivo functions.php del tema secundario según lo planeado. Consulte estos pasos de solución de problemas para obtener más información sobre lo mencionado anteriormente.

Si aún no tiene configurado un tema secundario y aún desea utilizar este método, deberá hacerlo primero. Aquí está cómo crear e instalar un tema infantil en su sitio web de WordPress, tenga en cuentaless de qué tema has instalado.

Desde una perspectiva técnica, creo que esta opción es una buena solución.

Puede evitar el problema de que las actualizaciones del tema anulen el código mediante el uso de un complemento para insertar el código en el archivo functions.php del tema principal, 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. Si te lo saltaste, 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 de manera rápida, efectiva y correcta 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.

Sin embargo, 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 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? No hay 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 no 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.

¿Desea excluir productos relacionados con WooCommerce de una subcategoría de sus productos? No hay problema; ¡Simplemente deje la sección Productos relacionados en blanco en el rediseño de la página de productos de WooCommerce para ciertas páginas!

¿Quieres crear una lista de productos relacionados con woocommerce? No es un problema; en la página de productos de WooCommerce, puedes mostrar productos relacionados exactamente cómo y dónde quieras.

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 Custom CSS del personalizador de temas.

Sin embargo, creemos que tomar el control total del diseño de la página de su producto y no confiar en 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, los productos de venta adicional o los productos de venta cruzada.

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

Aunque los productos relacionados con WooCommerce no se pueden detallar como WooCommerce Upsells y Cross-Sells, 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 de producto, pero WooCommerce también asocia productos con etiquetas de productos.

Si ha configurado varias categorías de productos y etiquetas de productos, 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
Autor: Shahzad SaidPagina web: http://shahzadsaeed.com/
Shahzaad Saaed ha aparecido en una gran cantidad de sitios web de autoridad, como experto en WordPress. Se especializa en marketing de contenidos para ayudar a las empresas a aumentar su tráfico.

Una cosa más... ¿Sabías que las personas que comparten cosas útiles como esta publicación también se ven IMPRESIONANTES? ;-)
Haga 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 ...