Ordenar Alfabéticamente los Productos en el Carrito de WooCommerce

Este snippet de código PHP es una solución eficaz para ordenar alfabéticamente los productos en el carrito de WooCommerce. Si tienes una tienda en línea y deseas mejorar la experiencia del usuario al facilitar la búsqueda de productos en el carrito, este snippet es para ti.

¿Cómo Funciona?

Este snippet de código PHP se encarga de ordenar los productos en el carrito de WooCommerce de forma alfabética. Utiliza la función natsort() de PHP para ordenar los títulos de los productos y luego reasigna los productos al carrito en el nuevo orden.

Detalles del Código

  • WC()->cart->get_cart_contents(): Obtiene los contenidos actuales del carrito.
  • natsort(): Ordena los títulos de los productos alfabéticamente.
  • woocommerce_cart_loaded_from_session: Este hook de WooCommerce se dispara después de que el carrito se ha cargado desde la sesión.
//Función que ordena alfabéticamente los productos del carrito

function bf_sort_cart_az() {
    // Recogemos la información de los productos del carrito.
    $products_in_cart = array();
    foreach ( WC()->cart->get_cart_contents() as $key => $item ) {
        $products_in_cart[ $key ] = $item['data']->get_title();
    }
    // Ordenamos los productos por orden alfabético.
    natsort( $products_in_cart );

    // Reasignamos los productos al carrito.
    $cart_contents = array();
    foreach ( $products_in_cart as $cart_key => $product_title ) {
        $cart_contents[ $cart_key ] = WC()->cart->cart_contents[ $cart_key ];
    }
    WC()->cart->cart_contents = $cart_contents;
}
add_action( 'woocommerce_cart_loaded_from_session', 'bf_sort_cart_az' );

 

Instalación del Snippet

Para instalar este snippet, sigue los pasos a continuación:

  1. Ve a tu panel de administración de WordPress.
  2. Navega a Apariencia > Editor de Temas.
  3. Encuentra el archivo functions.php de tu tema activo.
  4. Copia y pega el snippet al final del archivo.
  5. Guarda los cambios.

Casos de Uso

Este snippet es especialmente útil en los siguientes escenarios:

  1. Tiendas con Gran Variedad de Productos: Facilita la búsqueda de productos específicos en el carrito.
  2. Mejora de UX: Mejora la experiencia del usuario al hacer más fácil la revisión de los productos añadidos al carrito.
  3. Optimización de la Conversión: Un carrito más ordenado puede contribuir a una mejor tasa de conversión.

Consideraciones

  • Asegúrate de hacer una copia de seguridad de tu archivo functions.php antes de hacer cualquier cambio.
  • Este snippet ha sido diseñado para trabajar con WooCommerce. Asegúrate de tener instalado y activado este plugin.

Conclusión

Ordenar los productos en el carrito de WooCommerce alfabéticamente puede mejorar significativamente la experiencia del usuario y potencialmente aumentar tus tasas de conversión. Este snippet es una forma sencilla y efectiva de lograrlo.

 

Web de referencia

¡Más Snippets, Más Opciones!

Al compartir, motivamos a más desarrolladores a contribuir. Ayúdanos a hacer de este directorio un punto de referencia en snippets.

Facebook
Twitter
LinkedIn
Telegram
WhatsApp

¿Necesitas un snippet? Pídenoslo

¿No encuentras el código que necesitas? Pídenoslo y te ayudamos. También puedes publicar tus snippets.

¿Cómo implementar este snippet en la web?

Tienes 2 opciones, una de ellas es mediante plugin y la otra pegando el código en tu web.

1. Añadir snippet con plugin

code-snippets

Code Snippets

Por Code Snippets Pro

  1. Descarga el plugin o búscalo en el repositorio de plugins de Wordpress e instálalo en tu web.
  2. En el menú lateral del Escritorio verás un nuevo enlace (Fragmetos de código). Ves a Fragmentos de código > Añadir nuevo.
  3. Se abrirá una página con un título, bloque de código, descripción y etiquetas, rellena el título con el que quieras guardarlo, ejemplo: Añadir Google Analytics.
  4. En la parte código verás que está activo PHP, ahí pega el código del snippet
  5. La descripción y las etiquetas solo son para tu información y para que luego encuentres más fácil los snippets.
  6. Publicar y activar el snippet.

2. Añadir snippet en el functions.php

Diseño web con WordPress

Accede al archivo functions.php de tu tema o tema hijo, pega el snippet y guarda el archivo.

Lo encontrarás en Apariencia > Editor de archivos de tema, pinchas sobre el enlace  functions.php y pegas el código al final del archivo.

condiciones de uso diseño web

¿Necesitas un snippet?

Cuéntanos que necesitas e intentaremos crear un snippet que lo realice. Si lo conseguimos, lo publicaremos y te avisaremos por correo.

¡Comparte tu snippet!

Si has creado un snippet y quieres compartirlo, envíanoslo y lo publicaremos enlazando tu web debajo de la publicación.

Relacionados:

Enviar contenido a mi correo

Guárdarte el contenido en tu correo para probarlo más tarde.