Modificar desplegable de orden de productos en WooCommerce

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

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:

Modificación de la lista de orden de productos en WooCommerce

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.

Establecer orden por defecto desde el Personalizador de theme en la opción WooCommerce

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.