No se han encontrado resultados. ¿Intentar de nuevo con otras palabras?

La búsqueda debe tener al menos 3 caracteres.

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

Sidebar Image

Did not find a solution? We are here to help you succeed.

¿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.
custom code

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.

¿Le ha resultado útil este artículo?
Sidebar Image

¿No ha encontrado una solución? Estamos aquí para ayudarle a conseguirlo.

Documentos relacionados

Astra es gratis. Ahora y siempre.

Creemos que crear sitios web atractivos no debería ser caro. Por eso Astra es gratis para todos. Empieza gratis y amplía con paquetes asequibles.

La descarga está a un solo clic

Download Checklist

REWIND

RESUMEN DEL AÑO

La descarga está a un solo clic

Introduce tu dirección de correo electrónico y sé el primero en enterarte de las actualizaciones y novedades.

Descargar gratis Astra Theme - Modal Popup Form
Scroll al inicio
Ahora elija la opción que prefiera
page builder addon
Elija su complemento de creación de páginas preferido

La descarga está a un solo clic

Introduce tu dirección de correo electrónico y sé el primero en enterarte de las actualizaciones y novedades.

Descargar gratis Astra Theme - Modal Popup Form