Si utilizas WooCommerce com plugin de e-commerce para tener una tienda online con WordPress, verás que por defecto en la ficha de producto se muestran productos relacionados al final de la misma.
Sin embargo, la funcionalidad por defecto de este comportamiento es bastante limitada y no te permite ninguna personalización, mostrando automáticamente productos relacionados en función de la categoría y etiquetas asignados al producto.
Si quiere sacar partido de esta sección en tu ficha de producto, existen varias opciones para hacerlo, algunas mediante plugin y otras, si prefieres el minimalismo en cuanto a plugins y no te da miedo tocar código, con snippets que modifican funciones de WooCommerce
Plugins para personalizar los productos relacionados en WooCommerce
Custom Related Products for WooCommerce
Es el plugin clásico para este tipo de modificación, el de toda la vida, sin embargo como indica en su ficha de plugins en WordPress, hace ya dos años que no se actualiza y aunque eso no significa que no funcione bien, siempre parece que sea mejor optar por uno cuyo desarrollador o equipo siga mejorando o adaptando de forma continua.
El funcionamiento de este plugin es básico, añade una opción en la pestaña de las opciones del producto donde puedes indicar los productos relacionados que quieres que se muestren.
Woo Related Products
Este plugin está actualizado más recientemente y también tiene buenas valoraciones, pero funciona de forma diferente ya que lo que hace es habilitar un shortcode mediante el que puedes mostrar los productos relacionados en la parte de la web o ficha de producto que prefieras, pudiendo añadir ids de productos específicos, o relacionados por categoría o etiqueta, número de productos a mostrar, etc… e incluso la opción de mostrarlos mediante un carousel.
Snippets de código para personalizar los productos relacionados en WooCommerce
Mostrar los productos relacionados únicamente por las etiquetas asignadas al producto:
add_filter ('woocommerce_product_related_posts_relate_by_category', function () {
return false;
});
Mostrar los productos relacionados únicamente por las categorías asignadas al producto:
add_filter ('woocommerce_product_related_posts_relate_by_tag', function () {
return false;
});
Como veis, lo que hace es anular lo contrario, es decir, por defecto WooCommerce muestra relacionados por categorías y por etiquetas. Si sólo queremos por categorías, añadimos el filtro que devuelva falso para las etiquetas, y al contrario.
Cambiar el número de productos relacionados mostrados y el número de columnas:
add_filter( 'woocommerce_output_related_products_args', 'jk_related_products_args' );
function jk_related_products_args( $args ) {
$args['posts_per_page'] = 4; // se muestran 4 productos
$args['columns'] = 2; // se muestran en columnas de dos en dos
return $args;
}
Eliminar los productos relacionados en la ficha de producto
Y por último, si lo que queremos es que no se muestre ningún tipo de producto relacionado, añadiremos una función para eliminar el hook de WooCommerce que lo muestra:
remove_action( 'woocommerce_after_single_product_summary', 'woocommerce_output_related_products', 20 );
¿Eres implementador o desarrollador WordPress?
En la Zona DPW encontrarás más recursos, tutoriales, plantillas, y una biblioteca de snippets para poder utilizar en tu día a día y ganar tiempo en tu trabajo:
ACCEDER AHORA
Comentarios
7 respuestas a «Modificar los productos relacionados en WooCommerce»
|
Sería interesante saber como configurar los productos relacionados por subcategorías. Llevo tiempo buscando algún tutorial en internet y no consigo nada.
Por ejemplo una tienda de productos del hogar con una categoría llamada «Decoración» y varias subcategorías dentro como «Cojines», «Lámparas», «Sillas», etc. Resulta muy conveniente que si estás viendo «Cojines», en los productos relacionados solo veas más productos de esa subcategoría y no que te muestre lámparas, sillas, mesas..
Si alguien sabe como se hace o tiene algún enlace donde lo expliquen sería de gran ayuda.
Un saludo.
|
Hola Jonathan! He publicado un artículo sobre cómo hacerlo, a ver si te sirve: https://www.esthersola.com/productos-relacionados-subcategoria-actual/
Saludos!
|
Es posible modificar la disposición de los productos recomendados, es decir el estilo con el que se muestran?
Un saludo,
|
Hola Ruben!
El diseño de los productos recomendados viene dado por el tema o plantilla que estés utilizando, pero si sabes algo de CSS podrías ajustarlos y modificarlos a tu gusto añadiendo los estilos correspondientes.
Saludos!
|
Buen artículo, pero no me ha resultado ninguno de los ejemplos que mencionas ;(
También seguí los pasos de «productos-relacionados-subcategoria-actual» y tampoco me los muestra
No sé si el código seguirá sirviendo con la nueva versión de woocomerce, pero a mi no me muestra bien (y eso que añadi los tag a los productos y ni así se me visualizan ;(
De todas maneras agradezco las enseñanzas
|
Hola Esther,
¿Es posible ocultar la página de producto? y/o ¿enlazar el producto a una landingpage, en lugar a la página de producto? Tengo únicamente dos productos digitales (un curso y una asesoría) pero no quiero enlazar a la plantilla de producto que viene por defecto en woocommerce sino a las landingpage que he creado específicamente para estos dos productos.
Gracias
|
Hola!
Sí, puedes crear una redirección, ya sea manualmente en .htaccess o con un plugin tipo Redirection para que cuando vayan a http://www.tuweb.com/producto vaya a http://www.tuweb.com/landing-producto
Espero haberte ayudado!
esther.