Hace un par de días explicaba en un vídeo cómo quitar el menú Ordenar por de WooCommerce. Pero ocurre que a veces no quieres eliminarlo, sino que lo que quieres es quitarle alguna de las opciones que trae porque no te resultan de utilidad. En una palabra, personalizar el desplegable Ordenar por de WooCommerce.

Personalizando el menú «Ordenar por» de WooCommerce

Por defecto, el menú trae las siguientes opciones:

• Orden predeterminado
• Ordenar por popularidad
• Ordenar por puntuación
• Ordenar por novedades
• Ordenar por precio: bajo a alto
• Ordenar por precio: alto a bajo

Son opciones que, en términos generales, no están mal. Precisamente por eso las lleva, son un poco útiles para gran parte de las tiendas. Pero en ocasiones, dependiendo del comercio electrónico de que se trate, algunas de ellas son poco (o nada) útiles.

Sin embargo suele echarse de menos alguna que otra opción en ese menú (o en los ajustes de configuración), por ejemplo para mostrar en primer lugar los productos destacados. Afortunadamente esa carencia puede suplirse con este plugin:

Vamos a ver entonces cómo cambiar opciones de ese menú. De hecho, vamos a aprender a quitar una o varias de ellas.

La función woocommerce_catalog_ordering

La función que genera ese menú desplegable es woocommerce_catalog_ordering, que está en el archivo /woocommerce/includes/wp-template-functions.php. El código que nos interesa es éste:

function woocommerce_catalog_ordering() {
        global $wp_query;

        if ( 1 === $wp_query->found_posts || ! woocommerce_products_will_display() ) {
            return;
        }

        $orderby                 = isset( $_GET['orderby'] ) ? wc_clean( $_GET['orderby'] ) : apply_filters( 'woocommerce_default_catalog_orderby', get_option( 'woocommerce_default_catalog_orderby' ) );
        $show_default_orderby    = 'menu_order' === apply_filters( 'woocommerce_default_catalog_orderby', get_option( 'woocommerce_default_catalog_orderby' ) );
        $catalog_orderby_options = apply_filters( 'woocommerce_catalog_orderby', array(
            'menu_order' => __( 'Default sorting', 'woocommerce' ),
            'popularity' => __( 'Sort by popularity', 'woocommerce' ),
            'rating'     => __( 'Sort by average rating', 'woocommerce' ),
            'date'       => __( 'Sort by newness', 'woocommerce' ),
            'price'      => __( 'Sort by price: low to high', 'woocommerce' ),
            'price-desc' => __( 'Sort by price: high to low', 'woocommerce' )
        ) );

        if ( ! $show_default_orderby ) {
            unset( $catalog_orderby_options['menu_order'] );
        }

        if ( 'no' === get_option( 'woocommerce_enable_review_rating' ) ) {
            unset( $catalog_orderby_options['rating'] );
        }

        wc_get_template( 'loop/orderby.php', array( 'catalog_orderby_options' => $catalog_orderby_options, 'orderby' => $orderby, 'show_default_orderby' => $show_default_orderby ) );
    }

Si te fijas un poco, ahí puedes ver el array $catalog_orderby_options, que incluye las opciones que muestra ese menú. Bien, nos vamos acercando.

En fin, como no todo el mundo es capaz de «leer» código PHP, te traduzco lo importante: todas estas opciones acaban en una variable llamada $orderby. No, tranquilo, no me voy a poner técnico.

En realidad ya hemos llegado al meollo del asunto: actuando sobre esa variable podemos hacer lo que queramos con las opciones de ese menú.

Quitando opciones del menú «Ordenar por» de WooCommerce

Bueno, pues entonces ya lo tenemos. Un poco de código será suficiente. Pero no te preocupes, que te lo voy a dar perfectamente preparado y listo para usar.

Se trata, simplemente, de hacer un unset («desregistrar») a cada uno de los métodos de ordenamiento que queramos quitar del menú. Las correspondencias por nombres son las siguientes:

• Orden predeterminado: menu_order
• Ordenar por popularidad: popularity
• Ordenar por puntuación: rating
• Ordenar por novedades: date
• Ordenar por precio (bajo a alto): price
• Ordenar por precio (alto a bajo): price-desc

Así, si por ejemplo no quieres que aparezca la opción de ordenar por puntuación porque aún no tienes muchas valoraciones en tu tienda, tendrás que usar el siguiente código:

function ejr_personalizar_menu_ordenar ($orderby) {
	unset ($orderby ["rating"]);
	return $orderby;
}
add_filter ("woocommerce_catalog_orderby", "ejr_personalizar_menu_ordenar", 20);

Si, por ejemplo, quisieras quitar las opciones de ordenar por precio, tendrías que poner dos unset, uno por cada una de las opciones que quieres quitar. Así:

function ejr_personalizar_menu_ordenar ($orderby) {
	unset ($orderby ["price"]);
	unset ($orderby ["price-desc"]);
	return $orderby;
}
add_filter ("woocommerce_catalog_orderby", "ejr_personalizar_menu_ordenar", 20);

¿Y si sólo quieres dejar las opciones de orden predeterminado y por fecha (novedades)? Fácil, tendrías que poner algo así:

function ejr_personalizar_menu_ordenar ($orderby) {
	unset ($orderby ["popularity"]);
	unset ($orderby ["rating"]);
	unset ($orderby ["price"]);
	unset ($orderby ["price-desc"]);
	return $orderby;
}
add_filter ("woocommerce_catalog_orderby", "ejr_personalizar_menu_ordenar", 20);

¿A que es fácil? A lo mejor te preguntas qué pasaría si te lías a quitar cosas y acabas quitando todas las opciones. Pues no, el menú no desaparece, sino que sale esta especie de engendro:

Menú «Ordenar por» sin opciones

Que no es ni más ni menos que un menú desplegable vacío, sin opciones. Si lo que quieres es que desaparezca el menú echa un vistazo al vídeo donde explico cómo se hace.

Dónde poner ese código

Llevamos un rato hablando de poner tal o cual código, y tú a lo mejor te estás diciendo: Sí, todo eso ya lo tengo claro, pero ¿dónde narices tengo que poner ese código?

Si es así te diré que tienes más de una opción (incluso más de dos), y que no todas son igual de correctas o de aconsejables.

Te remito a este artículo en el que te explico con detalle dónde y cómo poner tus códigos personalizados. Ya sabes, las cosas bien hechas siempre funcionan mejor a la larga. Y si se trata de un sitio web que te genera ingresos, hay que hacer las cosas lo mejor posible.

Conclusión

Como ves, es muy sencillo. Ahora no sólo sabes cómo eliminar el menú por completo, sino que también sabes ya cómo quitar sólo alguna de las opciones.

Si tienes cualquier duda o problema para implementarlo, o cualquier otra cuestión acerca de WordPress o de WooCommerce, ya sabes que estoy a tu disposición tanto en los comentarios como a través del formulario de contacto.