WooCommerce ofrece algunas alternativas a la hora de establecer en qué orden deberían mostrarse los productos de la tienda. Estas alternativas, que luego se ofrecerán al cliente mediante un menú, incluyen una opción llamada Orden predeterminado, que se puede personalizar. Vamos a ver cómo.
Al final de la entrada te dejo un vídeo con el proceso, por si quieres verlo en vivo en lugar de leerlo.
Tabla de contenidos
El orden de los productos de la tienda en WooCommerce
Como decía, WooCommerce ofrece a los visitantes la opción de ordenar los productos de la tienda mediante un menú con las siguientes opciones:
- Orden predeterminado
- Ordenar por popularidad
- Ordenar por puntuación
- Ordenar por novedades
- Ordenar por precio (bajo a alto)
- Ordenar por precio (alto a bajo)
Este menú desplegable ya vimos cómo personalizarlo o incluso hacer que no aparezca, bien mediante código o utilizando un plugin.
Sin embargo esa primera opción, la de Orden predeterminado, permite que establezcamos nuestro propio orden personalizado a la hora de mostrar los productos en la tienda.
Configurar el orden en que se muestran los productos
Las opciones de configuración que vamos a utilizar están en los ajustes de producto, concretamente en WooCommerce > Ajustes > Producto > Mostrar. En esa pantalla encontramos estas opciones:
Como ves, te he remarcado la opción que más nos interesa hoy, que es la de Orden de productos por defecto. Ahí puedes seleccionar las mismas opciones que se ofrecen en el menú en la tienda (por fecha, por precio ascendente, por precio descendente, por puntuación media o los más vendidos) pero además tienes, como primera opción, la de Orden predeterminado (orden personalizado + nombre).
Si eliges esta opción (la de Orden predeterminado (orden personalizado + nombre)) los productos se mostrarán por orden alfabético. Pero algo que no mucha gente sabe es que también puede utilizarse para crear un orden personalizado.
Mostrar los productos destacados en primer lugar
Por cierto, que una de las opciones relacionadas con esto y que más se echan en falta es la de mostrar primero los productos destacados, una opción de la que sería muy interesante para nosotros (como gestores del ecommerce) disponer para asegurarnos de que los productos destacados alcanzan la máxima visibilidad.
Un orden personalizado para los productos de la tienda
Para hacer eso debemos ir a la página de productos y pinchar en el enlace Ordenar productos, que hay en la parte superior:
Esto cambiará “mágicamente” la pantalla a una que te va a permitir arrastrar y soltar los productos, ordenándolos como prefieras hacerlo. Ten en cuenta sin embargo que, una vez que organizas los productos así, la opción Orden predeterminado ya va a ignorar por completo el orden alfabético.
Y ¿por qué ya no surtirá efecto la ordenación alfabética? Bueno, pues porque cuando los reordenas arrastrando y soltando lo que en realidad estás haciendo es en realidad asignar un valor a la casilla que hay en Datos del producto > Avanzado > Orden del menú.
Así que, para cada producto que reordenas, estás generando un valor en esa casilla. Y luego no existe ninguna forma de resetear esos valores. ¿Qué quiere decir esto? Que si después quieres volver a mostrar los productos en tu tienda por orden alfabético tendrás que entrar a cada producto, uno a uno, para cambiar ese valor a cero.
Agrupar productos en el orden personalizado
Lo cierto es que con la pantalla para arrastrar y soltar productos hay más que de sobra, pero ya acabas de ver que existe otro modo, ¿verdad? Efectivamente, si vas entrando en los productos y estableciendo manualmente el valor Orden del menú también estás cambiando el orden en que se mostrarán en la tienda.
Las reglas son sencillas:
- Se mostrarán según el valor Orden del menú, de forma ascendente: primero el que tenga el valor “0”, después 1, 2, 3, etc.
- Si varios productos tienen el mismo valor de Orden del menú, se mostrarán en grupo por orden alfabético.
Eso quiere decir que si establecemos por ejemplo cuatro productos diferentes con el número “3”, después de 0, 1 y 2 se mostrarán estos cuatro productos, organizados en orden alfabético.
Esta es una buena forma de establecer grupos de productos afines a la hora de mostrarlos en la tienda, asignándoles manualmente el mismo número. Una previsión inteligente cuando se hace esto es saltar números entre un grupo y otro, de modo que si después queremos crear un nuevo grupo podamos usar los huecos.
Vídeo: personalizar el orden en que se muestran los productos en la tienda
Evitar que el usuario cambie el orden
Como decía más arriba, en la tienda se mostrará un menú que permitirá al usuario cambiar el orden en que se ven los productos, en función de diversas características como el precio, el número de ventas, las valoraciones, etc.
Si no deseas que el usuario pueda cambiar el orden, siempre puedes eliminar opciones de ese menú o incluso ocultarlo por completo, utilizando este plugin.
Conclusión
Como ves, esta característica puede ser una gran solución para que los clientes vean los productos en el orden que a nosotros más nos convenga, pero recuerda Un gran poder conlleva una gran responsabilidad 🙂 Ya sabes, una vez ordenados así, volverlos al orden alfabético puede ser un auténtico quebradero de cabeza.
Como siempre, si tienes cualquier duda o consulta, sobre este tema o sobre cualquier otro relacionado con WooCommerce o con WordPress, me tienes a tu disposición tanto en los comentarios como a través del formulario de contacto.
Hola,
He creado una tienda online con el plugin de WooCommerce.
En “productos” los ordeno por “default sorting”. Son 27 productos. Deberían aparecerme 12 por página. La primera página OK, en la segunda sólo me aparecen dos productos y en la tercera nada.
Si desde la propia página web cambio el modo de ordenarlos entonces si me aparecen los 27.
Alguna sugerencia?
Gracias. Saludos. Xavier
Hola Xavier
Con toda probabilidad hay algún plugin que está interfiriendo (es menos probable que sea el theme). Prueba desactivando todos los plugins (excepto WooCommerce) y activándolos uno a uno mientras recargas la página 2, a ver cuál es el culpable.
Un saludo.
Hola Enrique,
¿se podría ordenar los productos de manera que aparezcan primero los marcados como destacados?
¿Existe algún snippet para ello?
Gracias.
Hola Antonio
Puedes usar este plugin
Un saludo.
Hola Enrique,
con la última actualización de Woocommerce 3.0 sigue funcionando el plugin?
Hola Antonio
No, aún estoy pendiente de adaptarlo a la nueva versión, está avisado en la propia página del plugin.
Un saludo.
Hola Enrique, gracias por el post, te quería preguntar si hay alguna manera de ordenar los productos que estén en diferentes categorías y en cada categoría maneje un orden distinto, ejemplo, un producto llamado “Sombrilla” está en una categoría llamada “Exterior” y en otra categoría llamada “Accesorios” pero en cada categoría maneja un orden distinto, en una está de primero y en otra está de novena. ¿Es posible hacer esto? Quedo atento. Gracias!
Hola Luis
No sin programación personalizada
Un saludo.
Hola Enrique,
Mi tienda muestra todos los productos seguidos, con 3 en cada fila. Hay alguna forma de hacer un “salto de línea” después del último producto de cada categoría? Es decir, si tengo 5 productos en una categoría, que los productos de la categoría siguiente aparezcan en la siguiente fila. A ver si logro explicarlo gráficamente:
(portada de la tienda)
Categoría 1- PRODUCTO1 PRODUCTO2 PRODUCTO3
PRODUCTO4 (Espacio blanco) (Espacio blanco)
Categoría 2- PRODUCTO1 PRODUCTO2 PRODUCTO3
Hola Carles
Para hacer cosas así tienes que crear un página personalizada para la tienda personalizada, usando los shortcodes como explico en este artículo y en este otro para mostrar los productos como más te convenga.
Un saludo.
Hola Enrique
estoy creando mi tienda, pero me muestra los productos de cada categoría en dos páginas de 3 filas. Cómo hago para que me muestre en una misma página todos los productos existentes en una misma categoría.
Por ejemplo:
Tengo la categorías Damas con 18 productos.
La tienda me muestra dos páginas de 9 productos cada una;
En cada página me muestra 3 filas:
Las filas 1 y 2 me muestran 4 productos y la fila 3 sólo me muestra 1 productos y los otros 3 espacios están en blanco.
Esto último hace que el cliente crea que la categoría sólo tiene 9 productos, por ende se pierde de ir a la siguiente página para ver los productos restantes.
¿Existe un máximo de productos a mostrar en una página?
Trabajo con wordpress
Hola Sofía
Con este plugin puedes configurar el número de productos que se deben mostrar por página.
Un saludo.
Estoy intentando ordenar un carrito por el campo SKU. Se puede hacer mediante plugin o se debe hacer directamente por programación, si fuese así cual es el archivo que se debe editar?
Hola Danilo
No conozco ningún plugin que lo haga, habría que programarlo, pero desde luego no editando ningún archivo, habría que hacer uso del hook woocommerce_cart_loaded_from_session en conjunción con el método $woocommerce->cart->get_cart() y reordenarlos.
Un saludo
No entendí tu respuesta, soy nuevo en esto de wordpres y no entiendo como llegar a tus indicaciones.
Hola Enrique
Estoy creando mi tienda y en herramientas no me sale el carrito. Quería poner los productos en venta en otras páginas que no fuera tienda y no lo consigo. No sé si es porque no tengo ahí el carrito.
Muchas gracias
Hola Ana
No estoy seguro de haberte entendido bien. La página de carrito tienes que establecerla en WooCommerce > Ajustes > Finalizar compra > Páginas de finalizar compra. En cuanto a mostrar productos en cualquier página, puedes hacerlo utilizando shortcodes, como explico en este artículo.
Un saludo.
Hola enrique, espero puedas ayudarme con esta consulta.
Tengo mi sitio web con productos que casi 50 o 70 tienen el mismo precio, por ej: $59,90 y otros de diferentes precio que tambien unos 20 o 30 son de la misma forma el mismo precio. Quiero aplicar el orden de precio alto a bajo y no varíen en el orden cuando pase a la siguiente pagina, porque he intentado que todos mantengan su lugar pero cuando cambio a la pagina 2 o 3 o 4, se varía el orden y es confundible para el cliente que va adquiri mi producto. Espero puedas darme unas pistas.
Gracias
Hola Jimmy
Gracias por tu mensaje. Hay una opción para eso en WooCommerce > Ajustes > Productos > Mostrar > Orden de productos por defecto > Ordenar por precio (desc).
Un saludo.
Hola,
En las opciones de woocommerce, no me aparece la opción MOSTRAR, y por lo tanto no puedo darle el orden que yo quiero a las categorías sino que se ordenan alfabéticamente, y no se donde mas buscarlo.
Mi version de woocommerce es la Versión 3.7.1
WooCommerce > Ajustes > Productos > Mostrar > Orden de productos por defecto > Ordenar por precio (desc).
Tengo el mismo problema. En mi versión Woo Commerce 3.9.3 no me aparece la opción “Mostrar” dentro de – WooCommerce > Ajustes > Productos > … por tanto siempre me muestra en orden alfabético…. y necesito ponerlos por otro orden.
Alguna sugerencia ?
Me voy a autoresponder porque hace unas horas tenia ese mismo problema y encontré una solución.
En mi versión Woo Commerce 3.9.3 no me aparecía la opción «Mostrar» dentro de – WooCommerce > Ajustes > Productos > … por lo que siempre me mostraba en orden alfabético…. y la idea mía era ponerlos por otro orden, para que por defecto el visitante de mi página los viera en ese orden que yo quería.
Quienes en definitiva por la ruta anteriormente mencionada no les aparezca; entonces vayan al menú del escritorio de WordPress y sigan esta linea… como si fuesen a personalizar la plantilla instalada en word press:
– Apariencia > Personalizar > … esperan que se abra el editor de plantillas…
Ubican en el menú
– WooCommerce > Catálogo de Productos > y la opción – Orden de Productos por defecto
Pican allí y seleccionan la que necesiten (que en teoría son las mismas del otro camino que no veíamos)
A mi me funcionó… espero a ustedes también
Hola, me gustaria ordenar los productos por los mas vistos o los mas visitados de primero, no por los mas vendidos, como lo hago? agradezco tu ayuda
Hola Edgar
Puedes hacerlo con el shotcode products
Un saludo.
Hola, mi página me da el problema de las medidas de las fotos. Mientras en la página inicial de mi tienda todo está ordenado, cuando se ordena por categorías me vuelve loca el desorden visual. Sé que tengo que ajustar las medidas pero para no hacerlo manualmente y la edición interna de wordpress no me funciona, qué puedo hacer? Saludos
Hola Jean
Echa un vistazo a este artículo, te será útil para corregirlo.
Un saludo.
Hola Enrique,
Mi pagina inicial es estática y muestra todos los productos cadastrados en el woocommerce.
Es un tipo único de producto con varios modelos y marcas.
Ahora quiero incluir productos agregados pero que aparezcan apenas en una pagina titulada “acesórios”
El problema es que cuando cadastro y publico uno de estos acesórios, aparece imediatamente en la página inicial también.
Como lo hago para que el producto aparezca apenas en la página titulada “acesórios”?
Muchas gracias
Félix
Hola Félix
Puedes utilizar el shortcode products para controlar qué productos se muestran en cada lugar, según explico en esta entrada.
Un saludo.
Perfecto. Gracias y disculpa por demorar para responder. Felicitaciones por tu trabajo
Hola Enrique,
tengo un problema para mostrar los productos en un orden determinado. Utilizo un plugin para añadir nuevos campos a los productos, en concreto el plugin “WooCommerce-Custom-Product-Data-Fields”. Con este plugin añado un campo fecha y me gustaría ordenar mis productos por ese campo fecha. El código que introduzco en functions.php es el siguiente:
——————————————————————————————————————-
add_action(‘wc_cpdf_init’, ‘prefix_custom_product_data_tab_init’, 10, 0);
if(!function_exists(‘prefix_custom_product_data_tab_init’)) :
function prefix_custom_product_data_tab_init(){
$custom_product_data_fields = array();
$custom_product_data_fields[‘custom_data_1’] = array(
array(
‘tab_name’ => __(‘ Fecha evento’, ‘wc_cpdf’),
),
//selector fecha
array(
‘id’ => ‘_fecha-partida’,
‘type’ => ‘datepicker’,
‘label’ => __(‘Selecciona Fecha ‘, ‘wc_cpdf’),
‘placeholder’ => __(‘Introduzca Fecha.’, ‘wc_cpdf’),
‘class’ => ‘large’,
‘description’ => __(‘Fecha’, ‘wc_cpdf’),
‘desc_tip’ => true,
));
return $custom_product_data_fields;
}
—————————————————————————————
Sabes como podría hacerlo?
Un saludo y muchas gracias
Hola Jose
Sí, para eso tienes que armar una query personalizada utilizando como criterio de ordenación el meta_key _fecha-partida. Aquí tienes la documentación al respecto, aunque en este caso también puedes tirar de pre_get_posts.
Un saludo.
Hola Enrique. Tengo una tienda online en cinco idiomas. Quiero ordenar los productos pero no me aparece la sección de “Mostrar” en woocommerce y por lo tanto nopuedo ordenarlos según la primera opción que das.
He intentado ordenar los productos manualmente tal y como indicas, pero el orden no queda grabado. Es decir, los muevo todos pero no aparecen ordenados en la shop. ¿Hay algún botón que permite guardar los cambios y yo no estoy viendo?
Por otra parte….tengo que hacer ésto para cada idioma? (Me salen también desordenados).
Muchísimas gracias
Hola tocayo, en un woocommerce con el mismo precio de producto (sin precio) en una categoría, no hay manera de ordenarlos como yo quiero. Los productos del woocommerce están ordenados en todo el sitio de precio menor a mayor. Todo ok hasta aquí, ahora bien, entre aquellos productos con el mismo precio no puedo ordenarlos como yo deseo.
He probado un plugin Featured Products First for WooCommerce para que se vean los productos favoritos arriba del todo y nada.
He probado en asignar un orden del menú a cada producto y tampoco.
He probado en ordenarlos desde el backend de productos arrastrando y colocando, y no funciona.
No sé que diablos estoy haciendo mal para que no se ordenen en el orden que yo deseo.
Gracias.
Hola Enrique, estoy leyendo poco a poco tus artículos que creo que me van a ayudar mucho. Me están haciendo una página web en wordpress con tienda online en inglés y español.
El caso es que al pinchar en un artículo salen “productos relacionados” y ahí mezcla los dos idiomas. Es decir, salen los productos de la misma categoría en inglés y en español cuando están viendo la página en cualquiera de los dos idiomas.
Quería preguntarte si sabes si eso se podría evitar.
Muchísimas gracias de antemano!
Hola Ana
Por supuesto, no sólo se puede evitar sino que no debería suceder. Habla con quien te está haciendo la web para ver cuál puede ser la causa.
Un saludo.
Buen día. No me aparece la pestaña mostrar en “producto”, si me aparecen las otras.
Que está pasando ?
hola, me esta pasando exactamente lo mismo , a que se debe?, encontraste alguna solucion?, gracias
Hola, tenes algún plugin que ordene los productos de forma random? Y si es posible mostrar los destacados primero? Gracias
Hola Diego
Sí, puedes verlo aquí. También puede serte útil este otro.
Un saludo
hola enrique acaban de crearme mi sitio web par mi tienda me an creado varias pestañas Niños, Niñas ect..etc.. estoy intentando meter producto en una pestaña de niñas y el máximo es 12 fotos como puedo meter mas fotos en esa o otra pestaña, me an puesto un máximo de fotos. Gracias y un saludo
Hola Fali
Eso depende de cómo te lo hayan hecho. Consulta con la persona que te lo ha hecho, es quien mejor te puede ayudar.
Un saludo
Hola Enrique!! muy muy útiles tus artículos.
Quería preguntarte ¿cómo hago para que me muestre una forma de ordenar los productos en la página de tienda/inicio pero que me quede en las páginas de las categorías otro orden? Yo tengo como orden predeterminado al azar… pero me gustaría que esto solo salga cuando entran a la tienda que muestra productos de todas las categorías, pero me gustaría que cuando alguien entre a una categoría, los artículos se muestren en otro orden O QUE POR LO MENOS no se repitan los artículos a medida que pasan las páginas de los mismos.
Desde ya muchas gracias.
Hola Enrique te consulto lo siguiente, necesito que mis productos se vean primeros por existencia o stock y luego se vean los agotados, que me sugieres ?
Gracias por tu respuesta
Hola Pablo
Echa un vistazo a este plugin, puede serte útil para ello (aunque no reordena los productos con existencias en función de su stock).
Un saludo
Hola, no me aparecen mis productos ordenados por columnas en mi página de inicio woocomence, me salen solo en una columna, uno debajo de otro, aunque en la configuración, me aparecen tres columnas, en la página de la tienda me aparecen bien, pero en la home, no, he instalado el plugin product customiser archive , pero no me aparece en woocomence -ajustes-productos- la opción de presentación. Gracias de antemano, mi versión de woocomence es 4.9.2 y mi editor es elementor con astra pro.
Hola rosipai
Revisa la configuración que has hecho del widget de Elementor que los muestra.
Un saludo,
Hola, no me aparece el menú WooCommerce>Ajustes>Productos>Mostrar, sólo General, Inventario y Productos descargables. ¿Puede que ya no esté disponible en WooCommerce actualmente o el tema WPOcean que uso lo elimine o algún plugin?
Hola Diego
WooCommerce lo ha cambiado de sitio, ahora está en Apariencia > Personalizar > WooCommerce
Un saludo
Hola Enrique, gracias por compartir tu trabajo y conocimientos. Tengo una duda que va con tema pero no al 100%.
En la tienda online estoy utilizando un plugin de filtros que voy a customizar para cada categoría de producto.
He creado una página para cada categoría de producto, para que en ella se muestren unos filtros en concreto y en otra categoría se mostrarán otros distintos.
Mi duda es sobre el menú que viene por defecto en WooCommerce sobre como ordenar y que cantidad de productos mostrar. Este menú sólo se muestra en la página principal de la tienda. En las páginas que he creado de categorías de productos, en las que añado la opción de mostrar “productos de una categoría” no aparece el menú que te comento.
¿Hay alguna manera de conseguir que se muestre también? ¿Es necesario algún plugin o se requiere de algo de programación?
Espero haberme explicado bien…
Gracias por tu tiempo!!
Un saludo
Hola enrique,
en primer lugar darte la enhorabuena, ya que, he estado mirando tus aportes y hay muy buena información que compartes. Sobre el tema de ordenar los productos he mirado ya en muchas WEB y no he encontrado aún la información de como ordenar los productos por stock siendo el producto variable y el producto simple en consecuencia lo tengo desactivado (De esta forma si que he encontrado mucha información).
Saludos.