Modificar desplegable de orden de productos en WooCommerce

[ 10 septiembre 2019 ] [ Autor: Jhon Marreros Guzmán ][ Plugins - Avanzado] [ ]

funcionalidad mejoras

WooCommerce por defecto ofrece un desplegable para ordenar una lista de productos, en este artículo veremos cómo agregar o quitar elementos de ese desplegable de orden de productos.

Resultado Final

Al final obtendremos algo similar a lo que se muestra en la siguiente imagen:

Generalidades

Para los ítems que aparecen en la lista de ordenamiento, se puede definir un orden predeterminado desde: Apariencia > Personalizar > WooCommerce > Catálogo de productos > Orden de productos por defecto, sin embargo desde esta pantalla de configuración no podemos eliminar o agregar nuevos elementos.

Eliminando elementos de la lista de ordenamiento

Para eliminar elementos que aparecen en la lista de ordenación de WooCommerce, primero tienes que identificar la clave del elemento que quieres eliminar, las claves disponibles son:

• menu_order => Orden predeterminado
• popularity => Ordenar por popularidad
• rating => Ordenar por calificación media
• date => Ordenar por las últimas
• price => Ordenar por precio: bajo a alto
• price-desc => Ordenar por precio: alto a bajo

 
Luego tienes que usar un código similar al que se muestra a continuación, cambiando las claves en el array $sortby.

add_filter( 'woocommerce_default_catalog_orderby_options', 'dcms_custom_woocommerce_items_orderby' );
add_filter( 'woocommerce_catalog_orderby', 'dcms_custom_woocommerce_items_orderby' );
function dcms_custom_woocommerce_items_orderby( $sortby ) {
    unset($sortby['price']);
    unset($sortby['price-desc']);

    return $sortby;
}

En el código anterior:

• Usamos los Hooks de filtro: woocommerce_default_catalog_orderby_options y woocommerce_catalog_orderby,
• El primero de ellos tiene efecto en la configuración en el backend del sitio, la otra tiene efecto en el frontend
• Ambos Hooks hacen referencia a la misma función dcms_custom_woocommerce_items_orderby
• La función acepta como parámetro una variable que hemos llamado $sortby, la cual es un array asociativo
• Con la función unset() eliminamos el elemento del array
• Finalmente simplemente devolvemos la variable $sortby

Agregando elementos a la lista de ordenamiento

Para agregar elementos a la lista de ordenamiento, igualmente hacemos referencia a los Hooks, el siguiente ejemplo muestra cómo agregar un nuevo ítem de ordenamiento aleatorio.

add_filter( 'woocommerce_get_catalog_ordering_args', 'dcms_custom_woocommerce_catalog_ordering_args' );
function dcms_custom_woocommerce_catalog_ordering_args( $args ) {
    $orderby_value = isset( $_GET['orderby'] ) ? woocommerce_clean( $_GET['orderby'] ) : apply_filters( 'woocommerce_default_catalog_orderby', get_option( 'woocommerce_default_catalog_orderby' ) );
    if ( 'random_list' == $orderby_value ) {
        $args['orderby'] = 'rand';
        $args['order'] = '';
        $args['meta_key'] = '';
    }
    return $args;
}

add_filter( 'woocommerce_default_catalog_orderby_options', 'dcms_custom_woocommerce_items_orderby' );
add_filter( 'woocommerce_catalog_orderby', 'dcms_custom_woocommerce_items_orderby' );
function dcms_custom_woocommerce_items_orderby( $sortby ) {
    $sortby['random_list'] = 'Aleatorio';
    //unset($sortby['price']);
    //unset($sortby['price-desc']);
    return $sortby;
}

En el código anterior:

• Primero usamos el Hook de filtro woocommerce_get_catalog_ordering_args, que hace referencia a la función dcms_custom_woocommerce_catalog_ordering_args
• Dentro de la función aceptamos una variable $args como parámetro
• Definimos la variable $orderby_value de acuerdo a si tenemos un parámetro de ordenamiento o no en la url
• Si el parámetro es igual al que hemos definido entonces modificamos el array asociativo $args
• Agregamos un nuevo ordenamiento rand y que no tiene influencia en la dirección del ordenamiento ni en los meta keys
• Finalmente los Hooks de filtro woocommerce_default_catalog_orderby_options y woocommerce_catalog_orderby son usados para mostrar el nuevo elemento tanto en la pantalla de configuración del backend como en el frontend, ambos hacen referencia a la función dcms_custom_woocommerce_items_orderby
• Dentro de la función dcms_custom_woocommerce_items_orderby se agrega el elemento nuevo al array asociativo
• Finalmente se devuelve la variable $sortby modificada

 
Es posible también ordenar por campos que son metadatos, usando meta_value_num y el valor del campo en meta_key, por ejemplo para ordenar por precio:

$args['orderby'] = 'meta_value_num';
$args['order'] = 'ASC';
$args['meta_key'] = '_regular_price';

Conclusión

Tal como hemos visto, WooCommerce es bastante flexible y podemos eliminar elementos de la lista de ordenación y también agregar nuevos elementos de ordenación de manera simple a través de código usando los Hooks de filtro.

 
¿Aún con dudas?, en el siguiente video se detallan los puntos anteriores.

Valora este artículo : (5 votos, promedio: 4,80 de 5)

Cargando...