/ Documentación /Fragmentos de código personalizados/Filtros WooCommerce/ Tienda WooCommerce con Filtro Personalizado de Ordenación Aleatoria de Productos

Tienda WooCommerce con Filtro Personalizado de Ordenación Aleatoria de Productos

¿Quieres añadir un toque de aleatoriedad a tu tienda WooCommerce y mostrar los productos de una manera única?

Con una simple personalización, puede implementar un filtro de clasificación de productos aleatorios personalizado que añada un elemento emocionante a su tienda online.

En este documento, le guiaremos a través del proceso y le proporcionaremos un fragmento de código para conseguirlo.

¿Por qué la clasificación aleatoria de productos?

Aunque las opciones de clasificación estándar como popularidad, precio o fecha son habituales, introducir un filtro de clasificación aleatoria puede aportar un elemento sorpresa a la experiencia de compra de sus clientes. Esto puede resultar especialmente atractivo para los visitantes que disfrutan descubriendo nuevos productos o buscan inspiración.

Cómo implementar un filtro personalizado de ordenación de productos aleatorios

Para implementar esta función, deberá añadir un fragmento de código al archivo functions.php de su tema hijo. Aquí está el fragmento de código para su conveniencia:

/**
 Modify the product query to sort by random order

 @param WP_Query $q The WP_Query instance.
/
function custom_random_products_sorting( $q ) {
    if ( ! is_admin() && $q->is_main_query() && is_woocommerce() && is_shop() ) {
        $q->set( 'orderby', 'rand' );
    }
}
add_action( 'pre_get_posts', 'custom_random_products_sorting' );

Este código se engancha a la acción pre_get_posts y modifica la consulta del producto para ordenar por orden aleatorio cuando la consulta principal es para la página de la tienda en WooCommerce.

Cómo añadir el código a su tema hijo

  • Acceda a su panel de control de WordPress.
  • Vaya a Apariencia -> Editor de temas.
  • Busque y seleccione el archivo functions.php de su tema hijo en la parte derecha.
  • Copie y pegue el fragmento de código proporcionado al final del archivo.
  • Guarde los cambios haciendo clic en Actualizar archivo botón.
código personalizado

Una vez que hayas añadido esta personalización, visita la página de tu tienda WooCommerce y verás que los productos se muestran ahora en un orden aleatorio. Esta sencilla modificación puede añadir un aspecto lúdico y dinámico a tu tienda, incitando a los clientes a explorar y descubrir nuevos productos.

Esperamos que este documento le haya sido útil. Si tiene más preguntas, no dude en dejarnos un comentario a continuación.

¿Fue útil este documento?
¿Qué salió mal?

No respondemos a los comentarios de los artículos, los usamos para mejorar nuestro contenido de soporte.

¿Necesitas ayuda? Contactar Soporte
En esta página
Scroll al inicio