Con WooCommerce, por defecto en las páginas de productos de nuestra web aparece un desplegable para permitir al usuario poder cambiar el orden en que aparecen los productos:
Si por alguna razón, no quieres mostrar este desplegable en tu web, tienes dos opciones para hacerlo:
1- Por CSS
La etiqueta que define los estilos del formulario de ordenación de productos es woocommerce-ordering, así que añadiendo a tu custom css o a los estilos de tu child theme el atributo display:none, podrás ocultarlo.
. woocommerce-ordering { display:none; }2- Por functions.php
La otra forma de ocultar el desplegable, mejor o más completa que simplemente ocultándolo, es mediante una función de código que puedes añadir mediante un plugin de snippets de código, o directamente en el archivo functions.php de del tema o tema hijo con el que estés trabajando.
remove_action ('woocommerce_before_shop_loop', 'woocommerce_catalog_ordering', 30 ); Si lo que quieres es cambiar el orden por defecto en el que aparecen los productos, aquí tienes cómo hacerlo.
Espero que te sea útil!
¿Eres implementador o desarrollador WordPress?
En la Zona DPW encontrarás más recursos, tutoriales, plantillas, y una biblioteca de snippets para poder utilizar en tu día a día y ganar tiempo en tu trabajo:
ACCEDER AHORA
Comentarios
6 respuestas a «Quitar desplegable orden de productos en WooCommerce»
|
Hola
Podrías indicar con mas detalle donde agregar las lineas que mencionas. He intentado insertar las lineas que indicas y no funciona.
|
Hola Javier,
La primera opción, por CSS, has de añadirla al archivo de estilos de tu child theme o en el panel de control de la plantilla de WordPress que utilices, en el apartado de «custom css» si lo tiene.
La segunda, por función, se ha de añadir en el archivo functions.php del tema o child theme que tengas activo.
Saludos!
|
Muchas gracias, fenomenal y a la primera ;))
|
¡Maravilloso Esther!
Confirmo que aún en el 2020 esta solución funciona de maravilla, probada con WordPress 5.4.2 y Woocommerce 4.2.2
Quizás sería oportuno que edites la publiación e indiques la información sobre donde agregar el código, así quedaría mucho más completo el post.
Confirmo que has ganado un nuevo seguidor, suscriptor 😉
¡Muchas gracias!
|
:)) Muchísimas gracias a tí! Genial que te haya funcionado.
Ya he completado la información de donde se puede añadir el snippet.
Saludos!!
|
Muy fino Esther! Funciona al instante con Astra Child Theme. Gracias por el contenido!!! 🙂