Puede crear un Mega Menú con el Tema Astra y el Addon Astra Pro. Además, también puede utilizar Plantillas para su mega menú en lugar o en combinación con sus elementos de menú textuales (enlaces).
Este documento le mostrará cómo añadir una plantilla con categorías de productos WooCommerce a su mega menú, utilizando Elementor (gratuito) y el módulo Astra Pro Nav Menu.
Nota:
Esta solución se utiliza para añadir el Plantilla Elementor a la cabecera por defecto proporcionada por el tema Astra. Recuerda que esto sólo funciona con la cabecera por defecto de Astra y el módulo Astra Pro Nav Menu. Si utiliza el módulo Cabecera Elementor esta solución no será aplicable.
Siga estos pasos:
Primer paso - Asegúrese de que tiene el plugin Elementor y el Addon Astra Pro instalados y activos. Asegúrese también de que El módulo Nav Menu está activado en los ajustes de Astra.
Paso 2 - Vaya a Panel de control > Plantillas > Añadir nueva.
Paso 3 - En el menú desplegable, elija "Sección", nombre su plantilla (puede ser cualquier nombre; nosotros usamos "Mega Menu Item 1"), y haga clic en "Crear Plantilla". Esto creará su nueva plantilla y abrirá un editor Elementor.
Paso 4 - En el editor Elementor, añade una "Sección" y el widget "Shortcode". Añade el siguiente código WooCommerce al widget shortcode:
[product_categories number="4″ columns="4″ hide_empty="0″ orderby="name" order="desc"]
Este es el shortcode de WooCommerce. Puedes encontrar más información sobre él y sus posibles variaciones en este artículo.
Con Elementor Pro, puede utilizar el widget "Categorías de productos" de Elementor en lugar del widget Shortcode.
Haga clic en "Publicar" para guardar su plantilla.
Paso 5 - Ahora, es el momento de crear un mega menú. Para ello, vaya a Apariencia > Menús. Despliegue el elemento de menú bajo el que desea añadir un mega menú haciendo clic sobre él (hemos llamado a este elemento "Tienda").
Paso 6 - Haga clic en el botón "Ajustes del menú Astra". y active el botón Mega Menú botón de conmutación. Esto creará un mega menú bajo este elemento. También puede diseña tu mega menú en este paso (anchura, relleno, etc.)
Paso 7 - A continuación, añada un nuevo elemento de menú (nosotros lo hemos llamado "Tienda por categorías") debajo del mega menú y haga clic en el botón "Ajustes del menú Astra". botón.
Paso 8 - En el menú desplegable Fuente de contenido, seleccione la opción "Plantilla". En el campo Plantilla, escriba el nombre de su plantilla y selecciónela de la lista. Haz clic en "Guardar" para añadir esta plantilla a tu elemento de menú.
Y así es como se verá en la parte delantera.
Nota:
Hemos proporcionado el CSS por defecto de Astra para volver a los colores del Menú para todo el texto de la plantilla que no tenga estilos de color asignados desde la plantilla.
Por ello, le recomendamos que aplique los estilos de la plantilla según sus necesidades de diseño.
