Seleccionar página

Seguramente habrás visto que por defecto Woocommerce muestra en los productos una serie de productos relacionados que genera de manera automática.

Probablemente quieras mostrar en cada producto una serie de productos relacionados específicos para cada producto y que no se muestren los que genera automáticamente Woocommerce.

Pues eso es exactamente lo que te voy a mostrar en este post.

Productos relacionados en fichas de producto woocommerce

 

 

Si quieres más sobre Woocommerce, tiendas online y SEO apúntate a mi academia online: -> cursotiendaonline.com
IR A MI ACADEMIA

 

DISFRUTA DE TODOS MIS CURSOS PREMIUM POR SOLO 10€/MES


VER CURSOS

 

 

 

 

 

1.- Cómo quitar los productos relacionados que se muestran en los productos con Woocommerce

 

En primer lugar te voy a mostrar la forma más sencilla de ocultar los productos relacionados que muestra por defecto Woocommerce en las fichas de producto.

Para lo que vas a utilizar un código CSS, que es el siguiente:

 

/* INICIO  - QUITAR PRODUCTOS RELACIONADOS */
.related.products {
display: none;
}
/* FIN  - QUITAR PRODUCTOS RELACIONADOS */

 

¿Dónde tienes que introducir este código CSS? Pues lo has de introducir en un bloque para añadir CSS Personalizado en tu WordPress.

Seguramente, si vas a tu panel de administración de WordPress y te diriges a: “Apariencia > personalizar” ya verás la opción de CSS Adicional.

 

Código css para quitar productos personalizados -> ir a css personalizado

CSS Adicional para quitar productos relacionados woocommerce

CSS Adicional para ocultar productos relacionados en woocommerce

 

Si no encuentras dónde añadir el CSS aquí te explico las diferentes opciones que tienes para añadir código CSS a tu wordpress: Añadir código CSS a tu WordPress

 

Si quieres más sobre Woocommerce, tiendas online y SEO apúntate a mi academia online: -> cursotiendaonline.com
IR A MI ACADEMIA

 

 

2.- Cómo añadir los productos relacionados que yo quiera para cada producto

 

Una vez hayas quitado el bloque de productos relacionados que genera Woocommerce por defecto, seguramente querrás que se muestren unos determinados productos relacionados específicos en cada ficha de producto.

¿cómo puedes hacerlo?

Muy fácil.

Entra en la administración de WordPress, y edita el producto en cuestión. Después ve al bloque “Datos del producto”.

Haz clic en la pestaña “Productos relacionados”

En el campo “Ventas dirigidas” comienza a escribir el nombre de uno de los productos que quieres que aparezca como producto relacionado y cuando te aparezca el producto haz clic sobre él.

Haz lo mismo con el resto de productos relacionados que quieres que se muestren.

 

Establecer productos relacionados personalizados en cada producto

 

 

Finalmente guarda los cambios, haciendo clic en el botón “Actualizar” del producto.

Haz una vista previa del producto para comprobarlo.

 

Establecer productos específicos personalizados en el bloque de productos relacionados de woocommerce

 

Compártelo ya!!

RECIBE GRATIS

CURSO PRESTASHOP

(20 vídeos)

Y WOOCOMMERCE

(14 vídeos) y MÁS

 

1.- CURSO PRESTASHOP 1.7 GRATIS (20 VÍDEOS)
2.- CURSO WOOCOMMERCE GRATIS (14 VÍDEOS)
 

3.- Guía para crear una tienda online de éxito
4.- Guía SEO para Prestashop
5.- Training Woocommerce, plugins imprescindibles y recomendados

QUIERO LOS CURSOS Y DEMÁS GRATIS

Mira en tu buzón de correo, para confirmar la suscripción.

Abrir chat
¿Dudas sobre mis cursos o servicios?
🙋🏻‍♂️** ¿Alguna duda sobre mis cursos o servicios? Soy Joaquín, cuéntame y te ayudo encantado
**Accede a TODOS mis cursos por solo 10 €/mes desde cursotiendaonline.com