{"id":100611,"date":"2021-07-20T20:29:10","date_gmt":"2021-07-20T14:59:10","guid":{"rendered":"https:\/\/git-staging.wpastra.com\/?post_type=docs&p=100611"},"modified":"2023-01-17T19:04:00","modified_gmt":"2023-01-17T13:34:00","slug":"add-template-to-mega-menu","status":"publish","type":"docs","link":"https:\/\/git-staging.wpastra.com\/es\/docs\/add-template-to-mega-menu\/","title":{"rendered":"\u00bfC\u00f3mo a\u00f1adir la plantilla Elementor al Mega Men\u00fa?"},"content":{"rendered":"

Puede crear un Mega Men\u00fa con el Tema Astra y el Addon Astra Pro. Adem\u00e1s, tambi\u00e9n puede utilizar Plantillas para su mega men\u00fa en lugar o en combinaci\u00f3n con sus elementos de men\u00fa textuales (enlaces). <\/p>\n\n\n\n

Este documento le mostrar\u00e1 c\u00f3mo a\u00f1adir una plantilla con categor\u00edas de productos WooCommerce a su mega men\u00fa, utilizando Elementor (gratuito) y el m\u00f3dulo Astra Pro Nav Menu. <\/p>\n\n\n\n

Nota:<\/h4>

Esta soluci\u00f3n se utiliza para a\u00f1adir el Plantilla Elementor<\/a> a la cabecera por defecto proporcionada por el tema Astra. Recuerda que esto s\u00f3lo funciona con la cabecera por defecto de Astra y el m\u00f3dulo Astra Pro Nav Menu. Si utiliza el m\u00f3dulo Cabecera Elementor<\/a> esta soluci\u00f3n no ser\u00e1 aplicable.<\/p><\/div><\/div>\n\n\n\n

Siga estos pasos:<\/p>\n\n\n\n

Primer paso<\/strong> - Aseg\u00farese de que tiene el plugin Elementor y el Addon Astra Pro instalados y activos. Aseg\u00farese tambi\u00e9n de que El m\u00f3dulo Nav Menu est\u00e1 activado en los ajustes de Astra<\/a>.<\/p>\n\n\n\n

Paso 2<\/strong> - Vaya a Panel de control > Plantillas > A\u00f1adir nueva<\/em>.<\/p>\n\n\n\n

Paso 3<\/strong> - En el men\u00fa desplegable, elija \"Secci\u00f3n\", nombre su plantilla (puede ser cualquier nombre; nosotros usamos \"Mega Menu Item 1\"), y haga clic en \"Crear Plantilla\". Esto crear\u00e1 su nueva plantilla y abrir\u00e1 un editor Elementor.<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

Paso 4<\/strong> - En el editor Elementor, a\u00f1ade una \"Secci\u00f3n\" y el widget \"Shortcode\". A\u00f1ade el siguiente c\u00f3digo WooCommerce al widget shortcode: <\/p>\n\n\n\n

[product_categories number=\"4\u2033 columns=\"4\u2033 hide_empty=\"0\u2033 orderby=\"name\" order=\"desc\"]<\/strong><\/p>\n\n\n\n

Este es el shortcode de WooCommerce. Puedes encontrar m\u00e1s informaci\u00f3n sobre \u00e9l y sus posibles variaciones en este art\u00edculo<\/a>.<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

Con Elementor Pro, puede utilizar el widget \"Categor\u00edas de productos\" de Elementor en lugar del widget Shortcode.<\/p>\n\n\n\n

Haga clic en \"Publicar\" para guardar su plantilla.<\/p>\n\n\n\n

Paso 5 <\/strong>- Ahora, es el momento de crear un mega men\u00fa. Para ello, vaya a Apariencia > Men\u00fas<\/em>. Despliegue el elemento de men\u00fa bajo el que desea a\u00f1adir un mega men\u00fa haciendo clic sobre \u00e9l (hemos llamado a este elemento \"Tienda\").<\/p>\n\n\n\n

Paso 6<\/strong> - Haga clic en el bot\u00f3n \"Ajustes del men\u00fa Astra\".<\/strong> y active el bot\u00f3n Mega Men\u00fa <\/strong>bot\u00f3n de conmutaci\u00f3n. Esto crear\u00e1 un mega men\u00fa bajo este elemento. Tambi\u00e9n puede dise\u00f1a tu mega men\u00fa<\/a> en este paso (anchura, relleno, etc.)<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

Paso 7 <\/strong>- A continuaci\u00f3n, a\u00f1ada un nuevo elemento de men\u00fa (nosotros lo hemos llamado \"Tienda por categor\u00edas\") debajo del mega men\u00fa y haga clic en el bot\u00f3n \"Ajustes del men\u00fa Astra\".<\/strong> bot\u00f3n.<\/p>\n\n\n\n

Paso 8 <\/strong>- En el men\u00fa desplegable Fuente de contenido, seleccione la opci\u00f3n \"Plantilla\". En el campo Plantilla, escriba el nombre de su plantilla y selecci\u00f3nela de la lista. Haz clic en \"Guardar\" para a\u00f1adir esta plantilla a tu elemento de men\u00fa.<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

Y as\u00ed es como se ver\u00e1 en la parte delantera.<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

Nota:<\/strong><\/h4>

Hemos proporcionado el CSS por defecto de Astra para volver a los colores del Men\u00fa para todo el texto de la plantilla que no tenga estilos de color asignados desde la plantilla. <\/p>

Por ello, le recomendamos que aplique los estilos de la plantilla seg\u00fan sus necesidades de dise\u00f1o.<\/p><\/div><\/div>\n\n\n\n

<\/p>","protected":false},"excerpt":{"rendered":"

Puede crear un Mega Men\u00fa con el Tema Astra y el Addon Astra Pro. Adem\u00e1s, tambi\u00e9n puede utilizar Plantillas para su mega men\u00fa en lugar de o en combinaci\u00f3n con sus elementos de men\u00fa textuales (enlaces). Este documento le mostrar\u00e1 c\u00f3mo a\u00f1adir una plantilla con categor\u00edas de productos WooCommerce a su mega men\u00fa, utilizando Elementor (gratuito) [...]<\/p>","protected":false},"author":70,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"default","ast-site-content-layout":"","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"docs_category":[187],"docs_tag":[],"class_list":{"0":"post-100611","1":"docs","2":"type-docs","3":"status-publish","5":"docs_category-nav-menu"},"spectra_custom_meta":{"wp_last_modified_info":["January 17, 2023 @ 7:04 PM"],"wplmi_shortcode":["[lmt-post-modified-info]"],"_edit_lock":["1709211031:109"],"views":["9450"],"_edit_last":["89"],"tap_disable_autolinker":["no"],"tap_autolink_inside_heading":["global"],"tap_autolink_random_placement":["global"],"tap_post_autolinker_limit":["0"],"site-sidebar-layout":["default"],"site-content-layout":["default"],"theme-transparent-header-meta":["default"],"_yoast_wpseo_content_score":["90"],"_yoast_wpseo_estimated-reading-time-minutes":["4"],"helpful":["5"],"unhelpful":["13"],"redirects":["11"],"_yoast_wpseo_primary_docs_category":["187"],"_yoast_wpseo_focuskw":["Mega Menu"],"_yoast_wpseo_metadesc":["Do you want to add the Elementor template to the Astra Theme Mega Menu? Learn to do it with the Astra Theme and Astra Pro in this document."],"_yoast_wpseo_linkdex":["68"],"rank_math_primary_docs_category":["187"],"rank_math_description":["Do you want to add the Elementor template to the Astra Theme Mega Menu? Learn to do it with the Astra Theme and Astra Pro in this document."],"rank_math_focus_keyword":["Mega Menu"],"rank_math_news_sitemap_robots":["index"],"rank_math_robots":["a:1:{i:0;s:5:\"index\";}"],"rank_math_analytic_object_id":["190"],"rank_math_internal_links_processed":["1"],"rank_math_seo_score":["82"],"_wplmi_last_modified":["2023-01-17 19:04:00"],"pfd_related_docs":[""],"rank_math_og_content_image":["a:2:{s:5:\"check\";s:32:\"e3c7c3c066684191511d7f9c7cff9ccf\";s:6:\"images\";a:1:{i:0;i:144622;}}"],"_trp_automatically_translated_slug_es_ES":["anadir-plantilla-al-mega-menu"],"_uag_page_assets":["a:9:{s:3:\"css\";s:7939:\" .uagb-block-c5cd5564.wp-block-uagb-inline-notice .uagb-notice-title{padding-left: 15px;padding-right: 15px;padding-top: 15px;padding-bottom: 15px;} .uagb-block-c5cd5564 .uagb-notice-text{padding-left: 15px;padding-right: 15px;padding-top: 15px;padding-bottom: 15px;border: 2px solid #FFD54F;border-bottom-left-radius: 3px;border-bottom-right-radius: 3px;} .uagb-block-c5cd5564.uagb-dismissable button[type=\"button\"] svg{width: 16px;height: 16px;top: 15px;} .uagb-block-c5cd5564.uagb-dismissable > svg{width: 16px;height: 16px;top: 15px;} .uagb-block-c5cd5564.uagb-inline_notice__align-left button[type=\"button\"] svg{right: 15px;} .uagb-block-c5cd5564.uagb-inline_notice__align-left svg{right: 15px;} .uagb-block-c5cd5564.uagb-inline_notice__align-center button[type=\"button\"] svg{right: 15px;} .uagb-block-c5cd5564.uagb-inline_notice__align-center svg{right: 15px;} .uagb-block-c5cd5564 .uagb-notice-title{background-color: #FFD54F;border-top-right-radius: 3px;border-top-left-radius: 3px;} .uagb-block-c5cd5564.uagb-inline_notice__align-right button[type=\"button\"] svg{left: 15px;} .uagb-block-12f0ab4b.wp-block-uagb-inline-notice .uagb-notice-title{padding-left: 15px;padding-right: 15px;padding-top: 15px;padding-bottom: 15px;} .uagb-block-12f0ab4b .uagb-notice-text{padding-left: 15px;padding-right: 15px;padding-top: 15px;padding-bottom: 15px;background-color: #fff8e1;border: 2px solid #fdf4c9;border-bottom-left-radius: 3px;border-bottom-right-radius: 3px;} .uagb-block-12f0ab4b.uagb-dismissable button[type=\"button\"] svg{width: 16px;height: 16px;top: 15px;} .uagb-block-12f0ab4b.uagb-dismissable > svg{width: 16px;height: 16px;top: 15px;} .uagb-block-12f0ab4b.uagb-inline_notice__align-left button[type=\"button\"] svg{right: 15px;} .uagb-block-12f0ab4b.uagb-inline_notice__align-left svg{right: 15px;} .uagb-block-12f0ab4b.uagb-inline_notice__align-center button[type=\"button\"] svg{right: 15px;} .uagb-block-12f0ab4b.uagb-inline_notice__align-center svg{right: 15px;} .uagb-block-12f0ab4b .uagb-notice-title{background-color: #fdf4c9;border-top-right-radius: 3px;border-top-left-radius: 3px;} .uagb-block-12f0ab4b.uagb-inline_notice__align-right button[type=\"button\"] svg{left: 15px;}@media only screen and (max-width: 976px) { .uagb-block-c5cd5564 .uagb-notice-text{padding-left: 15px;padding-right: 15px;padding-top: 15px;padding-bottom: 15px;} .uagb-block-c5cd5564 .uagb-notice-title{padding-left: 15px;padding-right: 15px;padding-top: 15px;padding-bottom: 15px;} .uagb-block-c5cd5564.uagb-dismissable button[type=\"button\"] svg{top: 15px;} .uagb-block-c5cd5564.uagb-dismissable > svg{top: 15px;} .uagb-block-c5cd5564.uagb-inline_notice__align-left button[type=\"button\"] svg{right: 15px;} .uagb-block-c5cd5564.uagb-inline_notice__align-left svg{right: 15px;} .uagb-block-c5cd5564.uagb-inline_notice__align-center button[type=\"button\"] svg{right: 15px;} .uagb-block-c5cd5564.uagb-inline_notice__align-center svg{right: 15px;} .uagb-block-c5cd5564.uagb-inline_notice__align-right button[type=\"button\"] svg{left: 15px;} .uagb-block-12f0ab4b .uagb-notice-text{padding-left: 15px;padding-right: 15px;padding-top: 15px;padding-bottom: 15px;} .uagb-block-12f0ab4b .uagb-notice-title{padding-left: 15px;padding-right: 15px;padding-top: 15px;padding-bottom: 15px;} .uagb-block-12f0ab4b.uagb-dismissable button[type=\"button\"] svg{top: 15px;} .uagb-block-12f0ab4b.uagb-dismissable > svg{top: 15px;} .uagb-block-12f0ab4b.uagb-inline_notice__align-left button[type=\"button\"] svg{right: 15px;} .uagb-block-12f0ab4b.uagb-inline_notice__align-left svg{right: 15px;} .uagb-block-12f0ab4b.uagb-inline_notice__align-center button[type=\"button\"] svg{right: 15px;} .uagb-block-12f0ab4b.uagb-inline_notice__align-center svg{right: 15px;} .uagb-block-12f0ab4b.uagb-inline_notice__align-right button[type=\"button\"] svg{left: 15px;}}@media only screen and (max-width: 767px) { .uagb-block-c5cd5564 .uagb-notice-text{padding-left: 15px;padding-right: 15px;padding-top: 15px;padding-bottom: 15px;} .uagb-block-c5cd5564 .uagb-notice-title{padding-left: 15px;padding-right: 15px;padding-top: 15px;padding-bottom: 15px;} .uagb-block-c5cd5564.uagb-dismissable button[type=\"button\"] svg{top: 15px;} .uagb-block-c5cd5564.uagb-dismissable > svg{top: 15px;} .uagb-block-c5cd5564.uagb-inline_notice__align-left button[type=\"button\"] svg{right: 15px;} .uagb-block-c5cd5564.uagb-inline_notice__align-left svg{right: 15px;} .uagb-block-c5cd5564.uagb-inline_notice__align-center button[type=\"button\"] svg{right: 15px;} .uagb-block-c5cd5564.uagb-inline_notice__align-center svg{right: 15px;} .uagb-block-c5cd5564.uagb-inline_notice__align-right button[type=\"button\"] svg{left: 15px;} .uagb-block-12f0ab4b .uagb-notice-text{padding-left: 15px;padding-right: 15px;padding-top: 15px;padding-bottom: 15px;} .uagb-block-12f0ab4b .uagb-notice-title{padding-left: 15px;padding-right: 15px;padding-top: 15px;padding-bottom: 15px;} .uagb-block-12f0ab4b.uagb-dismissable button[type=\"button\"] svg{top: 15px;} .uagb-block-12f0ab4b.uagb-dismissable > svg{top: 15px;} .uagb-block-12f0ab4b.uagb-inline_notice__align-left button[type=\"button\"] svg{right: 15px;} .uagb-block-12f0ab4b.uagb-inline_notice__align-left svg{right: 15px;} .uagb-block-12f0ab4b.uagb-inline_notice__align-center button[type=\"button\"] svg{right: 15px;} .uagb-block-12f0ab4b.uagb-inline_notice__align-center svg{right: 15px;} .uagb-block-12f0ab4b.uagb-inline_notice__align-right button[type=\"button\"] svg{left: 15px;}}.wp-block-uagb-container.uagb-block-debf2792 .uagb-container__shape-top svg{width: calc( 100% + 1.3px );}.wp-block-uagb-container.uagb-block-debf2792 .uagb-container__shape.uagb-container__shape-top .uagb-container__shape-fill{fill: rgba(51,51,51,1);}.wp-block-uagb-container.uagb-block-debf2792 .uagb-container__shape-bottom svg{width: calc( 100% + 1.3px );}.wp-block-uagb-container.uagb-block-debf2792 .uagb-container__shape.uagb-container__shape-bottom .uagb-container__shape-fill{fill: rgba(51,51,51,1);}.wp-block-uagb-container.uagb-block-debf2792 .uagb-container__video-wrap video{opacity: 1;}.wp-block-uagb-container.uagb-is-root-container .uagb-block-debf2792{max-width: 100%;width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-debf2792 > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 1200px);max-width: var(--inner-content-custom-width);width: 100%;flex-direction: column;align-items: center;justify-content: center;flex-wrap: nowrap;row-gap: 0px;column-gap: 0px;}.wp-block-uagb-container.uagb-block-debf2792{box-shadow: 0px 0px #00000070 ;padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px;margin-right: 0px;overflow: visible;border-color: inherit;row-gap: 0px;column-gap: 0px;}@media only screen and (max-width: 976px) {.wp-block-uagb-container.uagb-is-root-container .uagb-block-debf2792{width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-debf2792 > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 1024px);max-width: var(--inner-content-custom-width);width: 100%;}.wp-block-uagb-container.uagb-block-debf2792{padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px;margin-right: 0px;}}@media only screen and (max-width: 767px) {.wp-block-uagb-container.uagb-is-root-container .uagb-block-debf2792{max-width: 100%;width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-debf2792 > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 767px);max-width: var(--inner-content-custom-width);width: 100%;flex-wrap: wrap;}.wp-block-uagb-container.uagb-block-debf2792{padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px;margin-right: 0px;}}\";s:2:\"js\";s:480:\"document.addEventListener(\"DOMContentLoaded\", function(){ window.addEventListener( 'DOMContentLoaded', function() {\n\tUAGBInlineNotice.init( {\"c_id\":null,\"cookies\":false,\"close_cookie_days\":1,\"noticeDismiss\":\"\",\"icon\":\"rectangle-xmark\"}, '.uagb-block-c5cd5564' );\n});\nwindow.addEventListener( 'DOMContentLoaded', function() {\n\tUAGBInlineNotice.init( {\"c_id\":null,\"cookies\":false,\"close_cookie_days\":1,\"noticeDismiss\":\"\",\"icon\":\"rectangle-xmark\"}, '.uagb-block-12f0ab4b' );\n});\n });\";s:18:\"current_block_list\";a:5:{i:0;s:14:\"core\/paragraph\";i:1;s:18:\"uagb\/inline-notice\";i:2;s:10:\"core\/image\";i:3;s:14:\"uagb\/container\";i:4;s:14:\"core\/shortcode\";}s:8:\"uag_flag\";b:1;s:11:\"uag_version\";s:10:\"1778836239\";s:6:\"gfonts\";a:0:{}s:10:\"gfonts_url\";s:0:\"\";s:12:\"gfonts_files\";a:0:{}s:14:\"uag_faq_layout\";b:0;}"]},"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"trp-custom-language-flag":false},"uagb_author_info":{"display_name":"Nikola Mihajlovic","author_link":"https:\/\/git-staging.wpastra.com\/es\/author\/nikolam\/"},"uagb_comment_info":0,"uagb_excerpt":"You can create a Mega Menu with the Astra Theme and Astra Pro Addon. Furthermore, you can also use Templates for your mega menu instead or in combination with your textual menu items (links). This document will show you how to add a template with WooCommerce product categories to your mega menu, using Elementor (free)…","_links":{"self":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs\/100611"}],"collection":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/users\/70"}],"replies":[{"embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/comments?post=100611"}],"version-history":[{"count":1,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs\/100611\/revisions"}],"predecessor-version":[{"id":174939,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs\/100611\/revisions\/174939"}],"wp:attachment":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/media?parent=100611"}],"wp:term":[{"taxonomy":"docs_category","embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs_category?post=100611"},{"taxonomy":"docs_tag","embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs_tag?post=100611"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}