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.
DISFRUTA DE TODOS MIS CURSOS PREMIUM POR SOLO 10€/MES
ÍNDICE: QUITAR Y PERSONALIZAR PRODUCTOS RELACIONADOS WOOCOMMERCE
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.
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
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.
Finalmente guarda los cambios, haciendo clic en el botón “Actualizar” del producto.
Haz una vista previa del producto para comprobarlo.
Me encanta el diseño web y el mundo del ecommerce. Apasionado de Prestashop, Woocommerce/Wordpress y de la formación. Me gustaría que este blog te sirviera de ayuda para poner en marcha e ir mejorando y evolucionando tu tienda online. Ya seas un profesional del sector o no, seguro que encontrarás mucha información de valor e interés aquí.
