Cómo mostrar los productos de tienda WooCommerce en un orden personalizado

Como ya sabrás, toda página de catálogo de productos, o página de tienda, de WooCommerce tiene un orden por defecto, que puede personalizarse mediante un menú desplegable.

En ese desplegable puedes ordenar tus productos por…

  • Popularidad: Los más vendidos
  • Calificación media: Los que mejor valoración por estrellas tengan
  • Los últimos: Orden de creación del producto
  • Precio: Del más alto al más bajo o viceversa.

Además, hay un orden por defecto que es ni más ni menos que por orden alfabético del título del producto, pero de eso ya te habrás dado cuenta ¿no?

Una de las personalizaciones que ya hemos visto aquí en el blog es cómo quitar el desplegable de orden de los productos, pero hoy vamos a ver otra cosa.

No vamos a quitar el desplegable, ni siquiera a forzar a que por defecto aparezca otra selección, que ya lo veremos, hoy vamos a usar una característica ya existente en WooCommerce con la que personalizar el orden de visualización de los productos, que no funciona como es de esperar.

La necesidad: Quiero saltarme los modos de ordenación existente y que aparezcan primero ciertos productos

Esto es muy común, son muchos clientes que me han pedido que les consiga que algunos productos concretos salgan siempre los primeros en el catálogo de productos, en la página de la tienda.

Ya sea por acuerdos con fabricantes, por rentabilidad, son muchos los posibles motivos, a veces vas a querer que siempre salgan primero algunos productos, en vez del orden alfabético por defecto.

La supuesta solución: Orden personalizado de cada producto

Si eres usuario de WordPress hace tiempo, sabrás que siempre ha existido un ajuste en el editor de páginas para asignar un orden personalizado a las mismas.

Este ajuste sirve para que, cuando tengas el menú de navegación configurado para que se añadan automáticamente las nuevas páginas, estas se coloquen con el orden que tú especifiques ahí, no en orden alfabético.

O sea, si tienes 3 páginas:

  • Inicio
  • Contacto
  • Nosotros

Y no creas un menú personalizado ni especificas un orden se mostrarán en este orden (de izq. a dcha.)

  • Contacto
  • Inicio
  • Nosotros

Pero, si especificas el número 1 en el ajuste de orden de los atributos de la página «Inicio» entonces el menú se mostrará con esa página la primera:

  • Inicio
  • Contacto
  • Nosotros

Pues bien, cuando uno se encuentra en el editor de productos de WooCommerce un ajuste avanzado para personalizar el orden del producto esperaría el mismo funcionamiento ¿no?

O sea, que si pones ahí un «1» lo lógico sería que ese producto saliese en primer lugar en el catálogo de productos de la tienda, en vez de por orden alfabético.

Es más, si revisas la documentación de WooCommerce te dirá que el orden por defecto del catálogo de productos no es por título alfabético sino orden personalizado + título alfabético.

O sea, que si yo le pongo un «1» a ese producto en el ajuste de orden en el menú saldrá el primero…

¡Pues no! WooCommerce pasa de mí, debe haber algo roto.

La solución real: La documentación de WooCommerce nos engaña

Pues sí, la documentación de WooCommerce, y muchos tutoriales que habrás visto por ahí, te engañan.

  • ¿Es ese ajuste de orden personalizado el adecuado para especificar el orden personalizado del producto? – Sí
  • ¿Está WooCommerce roto? – No

Lo que pasa es que no está documentado, no dice en ninguna parte, que debes poner el orden en negativo, no con números positivos.

O sea, que si quieres que un producto aparezca el primero en el catálogo de la tienda deberás poner «-1» en ese campo, y así sucesivamente.

Cuando guardes los cambios en el producto, éste se mostrará en el orden especificado, en este ejemplo el primero de todos.

El resto de productos sin ajuste personalizado se mostrará por orden alfabético, como harían normalmente.

¿No te ha quedado claro, prefieres verlo en un vídeo?

VALORA Y COMPARTE ESTE ARTÍCULO PARA MEJORAR LA CALIDAD DEL BLOG…
(2 votos, promedio: 5)

¿Te gustó este artículo? ¡Ni te imaginas lo que te estás perdiendo en YouTube!

Sobre el autor

1 comentario en “Cómo mostrar los productos de tienda WooCommerce en un orden personalizado”

  1. Como siempre interesante la información Fernando. Navegando y buscando por la red he visto un módulo que te permite hacer esto mismo desde la interface de administración en el listado de artículos, mediante javascript arrastrando y soltando. Básicamente lo que hace es gestionar ese campo de ordenación de una forma más práctica y visual. Muy recomendable.
    Una pregunta Fernando, ¿sería posible ordenar esta lista por «orden personalizado + precio» ?
    Y si no es mucho pedir, como puedo hacer que en el listado de administración me aparezcan más productos en cada página?
    Usando este módulo, es más práctico disponer de un listado más amplio para poder arrastrar y soltar sin tener que paginar.
    Gracias por el artículo y por tus aportaciones a la comunidad, desde este tu blog y tus libros (que tengo alguno que otro), que siempre son útiles y bienvenidas : )

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Información base sobre privacidad:
  • Responsable: Fernando Tellado ([email protected])
  • Fin del tratamiento: Moderación de comentarios para evitar spam
  • Legitimación: Tu consentimiento
  • Comunicación de los datos: No se comunicarán los datos a terceros salvo por obligación legal
  • Derechos: Acceso, rectificación, portabilidad, olvido

 

Ir arriba Ir al contenido