Crear un Desplegable de Categorías en WooCommerce

El siguiente fragmento de código PHP es una función que añade un menú desplegable de categorías de productos en tu tienda WooCommerce. Este menú aparecerá antes del bucle de la tienda, permitiendo a los usuarios filtrar productos por categoría de forma más sencilla.

<?php
/**
 * Función que muestra selector de categoría
 * jQuery required
 */
function bf_dropdown_product_cats() {
    if ( is_product_category() ) {
        wc_product_dropdown_categories();
    }
    wc_enqueue_js(
        "
        $('#product_cat').change(function () {
            location.href = '/categoria-producto/' + $(this).val();
        });
        "
    );
}
add_action( 'woocommerce_before_shop_loop', 'bf_dropdown_product_cats', 31 );

Ejemplos de Uso

1. Filtrado Rápido: Los usuarios pueden seleccionar una categoría del menú desplegable para ver solo los productos de esa categoría.
2. Navegación Mejorada: Este menú desplegable mejora la experiencia de usuario al hacer más accesible la navegación por categorías.
3. Personalización: Puedes añadir estilos CSS para que el menú desplegable se adapte al diseño de tu tienda.