Cómo quitar el desplegable de «Ordenar por» en WooCommerce

Uno de los elementos fijos en la página cualquier tienda creada con WooCommerce es un desplegable que permite al visitante ordenar los productos por popularidad, valoraciones, precio y novedades.

Aunque pueda parecer útil, en realidad no siempre cumple las necesidades del gestor de la tienda, que si ya se ha preocupado de ordenar los productos en el modo que prefiera para obtener unas ventas óptimas, es posible que prefiera que no se muestre ese desplegable.

En cualquier caso es una opción de personalización, que si la quieres realizar, es fácil de conseguir, si lo que queremos es pasar de esto…

A esto otro…

Para ocultar este desplegable de tu tienda WooCommerce solo tienes que añadir el siguiente código al archivo functions.php del tema hijo o a tu plugin de personalizaciones:

/* quitar el desplegable de ordenar por en WooCommerce */
remove_action( 'woocommerce_before_shop_loop', 'woocommerce_catalog_ordering', 30 );

Si no te funciona prueba con este otro:

/* quitar el desplegable de ordenar por en WooCommerce */
remove_action( 'woocommerce_before_shop_loop', 'woocommerce_catalog_ordering', 20 );

Y si utilizas el tema StoreFront el código a utilizar es este:

/* quitar el desplegable de ordenar por en Storefront */
add_action('init','delay_remove');
 
function delay_remove() {
remove_action( 'woocommerce_after_shop_loop', 'woocommerce_catalog_ordering', 10 );
remove_action( 'woocommerce_before_shop_loop', 'woocommerce_catalog_ordering', 10 );
}

Si estás usando un tema hijo de StoreFront, a veces, por cuestiones de orden de las llamadas de las funciones, podría no funcionar el código anterior, en cuyo caso prueba con este otro:

/* quitar el desplegable de ordenar por en tema hijo de Storefront */
add_action( 'after_setup_theme', 'remove_after_add', 0 );
function remove_after_add() {
remove_action( 'woocommerce_after_shop_loop', 'woocommerce_catalog_ordering', 10 );
remove_action( 'woocommerce_before_shop_loop', 'woocommerce_catalog_ordering', 10 );
}

Por último, si por algún motivo el tema activo ha modificado hooks de funciones de WooCommerce y no funcionan los códigos anteriores también puedes ocultar el desplegable mediante CSS en tu hoja de estilos. No es lo más recomendable pero a veces no quedará más remedio.

Solo tendrías que añadir lo siguiente al style.css de tu tema:

/* Ocultando el desplegable de ordenar por de WooCommerce */
.woocommerce-ordering {
display:none
}

Nada más, espero. Si te funciona cuéntanoslo en los comentarios, y si sabes otra formad de hacerlo o no te funciona también.

VALORA Y COMPARTE ESTE ARTÍCULO PARA MEJORAR LA CALIDAD DEL BLOG…
(8 votos, promedio: 4.9)

¿Te gustó este artículo? ¡Ni te imaginas lo que te estás perdiendo en YouTube!

11 comentarios en “Cómo quitar el desplegable de «Ordenar por» en WooCommerce”

  1. Jesús Agustín

    Gracias por la información, pero quedaría mejor, más claro y efectivo si nos dijeras:
    1- dónde está el «archivo functions.php del tema hijo»
    2- en qué parte del archivo hay que añadir el código

    1. Hola @jessagustn:disqus

      Perdona que no haya sido más específico, pensé que con poner enlace a cómo hacer un plugin para personalizaciones (lo más adecuado en este caso) valdría.

      Si optas por el archivo functions.php del tema hijo (para saber cómo hacer el tema hijo, y el functions.php lo crea el plugin que recomiendo es este: https://ayudawp.com/crea-temas-hijo-en-wordpress-con-un-solo-clic/)

      Y siempre, siempre, pon las personalizaciones al final del archivo functions.php

      Un saludo

      1. Jesús Agustín

        Hola Fernando:
        Gracias por ser más específico. Por cierto el enlace de ayuda conduce a una página con el error 404. No obstante, he buscado tu artículo para crear temas hijo con el plugin One-Click Child Theme y me he encontrado con otro problema: Este plugin no se ha actualizado en dos años y yo tengo instalada la ´ultima versión de WP (4.8.1), por lo que me dice «No probado con tu versión de WordPress».
        ¿Qué me sugieres que haga?. Gracias
        Saludos

        1. Puse mal el enlace, ya está bien.

          Ni caso, el plugin funciona de maravilla, lo uso en todas mis instalaciones. De hecho no hace falta ni que lo tengas activo luego. Lo instalas, lo activas, creas el tema hijo y luego lo quitas y todo bien

  2. Alonso Patiño Montaño

    Hola, me quita la barra, pero me deja un texto que dice «Mostrando el único resultado», como puedo quitar eso?

  3. Hola Fernando! A mi me gustaría si puede ser bloquear el desplegable de ‘Pais’ en la pagina de finalizar compra. Más que nada porque voy a vender solo en España y no quiero que puedan elegir otro país. Lo he intentado con css, y he logrado que desaparezca, pero quiero evitar que se despliege el drop-down (creo que se llama así). A ver si me pudieses ayudar. Muchas gracias. Un saludo.

    1. Eso lo defines en los ajustes de WooCommerce > Generales > Ubicaciones de venta > Vender a países específicos > España y ya ni te sale el desplegable, solo es visible el país

  4. Buenas Fernando,
    He probado añadiendo el primer código (el del 30) y el segundo (20), pero nada, sigue apareciendo.
    ¿Cómo podría hacerlo sin ocultarlo por CSS?

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

 

Ir arriba Ir al contenido