{"id":42,"date":"2024-05-20T15:25:01","date_gmt":"2024-05-20T13:25:01","guid":{"rendered":"https:\/\/qala.shop\/documentation\/?page_id=42"},"modified":"2024-05-20T15:25:02","modified_gmt":"2024-05-20T13:25:02","slug":"create-multilevel-menus","status":"publish","type":"page","link":"https:\/\/qala.shop\/documentation\/appearance\/menus\/create-multilevel-menus\/","title":{"rendered":"Create multilevel menus"},"content":{"rendered":"\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns alignfull is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-constrained wp-container-core-column-is-layout-e72813c6 wp-block-column-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40);flex-basis:25%\">\n\n<ul class=\"wp-block-page-list\"><li class=\"wp-block-pages-list__item has-child\"><a class=\"wp-block-pages-list__item__link\" href=\"https:\/\/qala.shop\/documentation\/appearance\/\">Appearance<\/a><ul class=\"wp-block-navigation__submenu-container\"><li class=\"wp-block-pages-list__item has-child \"><a class=\"wp-block-pages-list__item__link\" href=\"https:\/\/qala.shop\/documentation\/appearance\/menus\/\">Menus<\/a><ul class=\"wp-block-navigation__submenu-container\"><li class=\"wp-block-pages-list__item \"><a class=\"wp-block-pages-list__item__link\" href=\"https:\/\/qala.shop\/documentation\/appearance\/menus\/customize-menu-alternatives\/\">Customize menu alternatives<\/a><\/li><li class=\"wp-block-pages-list__item \"><a class=\"wp-block-pages-list__item__link\" href=\"https:\/\/qala.shop\/documentation\/appearance\/menus\/create-multilevel-menus\/\">Create multilevel menus<\/a><\/li><\/ul><\/li><\/ul><\/li><li class=\"wp-block-pages-list__item has-child\"><a class=\"wp-block-pages-list__item__link\" href=\"https:\/\/qala.shop\/documentation\/getting-started\/\">Getting started<\/a><ul class=\"wp-block-navigation__submenu-container\"><li class=\"wp-block-pages-list__item \"><a class=\"wp-block-pages-list__item__link\" href=\"https:\/\/qala.shop\/documentation\/getting-started\/general-use-of-wordpress\/\">General use of WordPress<\/a><\/li><li class=\"wp-block-pages-list__item \"><a class=\"wp-block-pages-list__item__link\" href=\"https:\/\/qala.shop\/documentation\/getting-started\/posts\/\">Posts<\/a><\/li><li class=\"wp-block-pages-list__item \"><a class=\"wp-block-pages-list__item__link\" href=\"https:\/\/qala.shop\/documentation\/getting-started\/main-categories-and-subcategories\/\">Main categories and subcategories<\/a><\/li><li class=\"wp-block-pages-list__item \"><a class=\"wp-block-pages-list__item__link\" href=\"https:\/\/qala.shop\/documentation\/getting-started\/media\/\">Media<\/a><\/li><li class=\"wp-block-pages-list__item \"><a class=\"wp-block-pages-list__item__link\" href=\"https:\/\/qala.shop\/documentation\/getting-started\/pages\/\">Pages<\/a><\/li><li class=\"wp-block-pages-list__item \"><a class=\"wp-block-pages-list__item__link\" href=\"https:\/\/qala.shop\/documentation\/getting-started\/settings\/\">Settings<\/a><\/li><\/ul><\/li><li class=\"wp-block-pages-list__item has-child\"><a class=\"wp-block-pages-list__item__link\" href=\"https:\/\/qala.shop\/documentation\/gutenberg\/\">Gutenberg<\/a><ul class=\"wp-block-navigation__submenu-container\"><li class=\"wp-block-pages-list__item \"><a class=\"wp-block-pages-list__item__link\" href=\"https:\/\/qala.shop\/documentation\/gutenberg\/qala-modern-checkout\/\">Qala Modern Checkout<\/a><\/li><li class=\"wp-block-pages-list__item \"><a class=\"wp-block-pages-list__item__link\" href=\"https:\/\/qala.shop\/documentation\/gutenberg\/qala-template-parts\/\">Qala Template Parts<\/a><\/li><\/ul><\/li><li class=\"wp-block-pages-list__item has-child\"><a class=\"wp-block-pages-list__item__link\" href=\"https:\/\/qala.shop\/documentation\/qala-block-pattern\/\">Qala block pattern<\/a><ul class=\"wp-block-navigation__submenu-container\"><li class=\"wp-block-pages-list__item \"><a class=\"wp-block-pages-list__item__link\" href=\"https:\/\/qala.shop\/documentation\/qala-block-pattern\/cover-with-content\/\">Cover with content<\/a><\/li><\/ul><\/li><li class=\"wp-block-pages-list__item has-child\"><a class=\"wp-block-pages-list__item__link\" href=\"https:\/\/qala.shop\/documentation\/qala-blocks\/\">Qala blocks<\/a><ul class=\"wp-block-navigation__submenu-container\"><li class=\"wp-block-pages-list__item \"><a class=\"wp-block-pages-list__item__link\" href=\"https:\/\/qala.shop\/documentation\/qala-blocks\/accordion\/\">Accordion<\/a><\/li><li class=\"wp-block-pages-list__item \"><a class=\"wp-block-pages-list__item__link\" href=\"https:\/\/qala.shop\/documentation\/qala-blocks\/faq-list\/\">FAQ list<\/a><\/li><li class=\"wp-block-pages-list__item \"><a class=\"wp-block-pages-list__item__link\" href=\"https:\/\/qala.shop\/documentation\/qala-blocks\/hero\/\">Hero<\/a><\/li><li class=\"wp-block-pages-list__item \"><a class=\"wp-block-pages-list__item__link\" href=\"https:\/\/qala.shop\/documentation\/qala-blocks\/test\/\">Hero Blog Post<\/a><\/li><li class=\"wp-block-pages-list__item \"><a class=\"wp-block-pages-list__item__link\" href=\"https:\/\/qala.shop\/documentation\/qala-blocks\/latest-posts\/\">Latest posts<\/a><\/li><li class=\"wp-block-pages-list__item \"><a class=\"wp-block-pages-list__item__link\" href=\"https:\/\/qala.shop\/documentation\/qala-blocks\/logo-slider\/\">Logo slider<\/a><\/li><li class=\"wp-block-pages-list__item \"><a class=\"wp-block-pages-list__item__link\" href=\"https:\/\/qala.shop\/documentation\/qala-blocks\/multi-image-accordion\/\">Multi Image Accordion<\/a><\/li><li class=\"wp-block-pages-list__item \"><a class=\"wp-block-pages-list__item__link\" href=\"https:\/\/qala.shop\/documentation\/qala-blocks\/shop-categories\/\">Shop categories<\/a><\/li><li class=\"wp-block-pages-list__item \"><a class=\"wp-block-pages-list__item__link\" href=\"https:\/\/qala.shop\/documentation\/qala-blocks\/single-testimonial\/\">Single testimonial<\/a><\/li><li class=\"wp-block-pages-list__item \"><a class=\"wp-block-pages-list__item__link\" href=\"https:\/\/qala.shop\/documentation\/qala-blocks\/testimonials\/\">Testimonials<\/a><\/li><\/ul><\/li><li class=\"wp-block-pages-list__item\"><a class=\"wp-block-pages-list__item__link\" href=\"https:\/\/qala.shop\/documentation\/qala-cms\/\">Qala CMS<\/a><\/li><li class=\"wp-block-pages-list__item\"><a class=\"wp-block-pages-list__item__link\" href=\"https:\/\/qala.shop\/documentation\/qala-features-benefits\/\">Qala features &amp; benefits<\/a><\/li><li class=\"wp-block-pages-list__item menu-item-home\"><a class=\"wp-block-pages-list__item__link\" href=\"https:\/\/qala.shop\/documentation\/\">Welcome<\/a><\/li><\/ul><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;flex-basis:41%\">\n<h2 class=\"wp-block-heading\" id=\"h-create-multilevel-menus\">Create multilevel menus<\/h2>\n\n\n\n<p>Megamenu settings give you big possibilities to customize the menu after your brand and your website. The megamenu allows links to be encapsulated under another one to create a megamenu structure. The content in the menu kan be editet whenever you want in WordPress CMS. <\/p>\n\n\n\n<p>The main menu is editable in WordPress. This means that everything with a URL can be added to the menu including all internal and eventually external links that are required.<\/p>\n\n\n\n<p>OBS: The structure of the megamenu does not affect the webbadress structure<\/p>\n\n\n\n<div style=\"height:49px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p>You can add up to five subobjects to each category. <br>If the megamenu is activated the switch will be blue <br>and subobjects are shown.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/shop-qala.jdj.ac.dev\/documentation\/wp-content\/uploads\/sites\/8\/2023\/05\/skarmbild-2023-05-19-121931.png\" alt=\"\" class=\"wp-image-4704\"\/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p>Subarticles work the same way as subcategories. <br>When you click on a subpost you see this:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img decoding=\"async\" src=\"https:\/\/shop-qala.jdj.ac.dev\/documentation\/wp-content\/uploads\/sites\/8\/2023\/05\/skarmbild-2023-05-19-134401.png\" alt=\"\" class=\"wp-image-4705\" style=\"width:432px;height:766px\"\/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:55px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n\n<div class=\"wp-block-qala-blocks-hero alignfull content-position__right content-align__center has-media-first-mobile has-media-full-mobile alignfull  wp-block-qala-blocks-hero\">\n\t<div\n\t\tclass=\"wp-block-qala-blocks-hero__wrapper \"\n\t\tstyle=\" \"\n\t\t>\n\n\t\t\t\t<div\n\t\t\tclass=\"wp-block-qala-blocks-hero__content \"\n\t\t\tdata-width=\"50%\"\n\t\t\tstyle=\" width:50%;  text-align:left;\"\n\t\t\t>\n\t\t\t\t\t\t\t\n\n<p><strong>Image:<\/strong> You can choose to add a picture in your dropdown menu at the top of the website. It will look as down below<\/p>\n\n\n\n<p><strong>Image &#8211; mobile: <\/strong>For if you want images in the menu when visitors are using a mobile phone.<\/p>\n\n\t\t\t\t\t<\/div>\n\n\t\t\t\t<div\n\t\t\tclass=\"wp-block-qala-blocks-hero__media-wrap \"\n\t\t\t\t\t\tstyle=\"\"\n\t\t\t>\n\n\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t<div class=\"overlay\" style=\"opacity:70%;\"><\/div>\n\t\t\t\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/qala.jdj.ac.dev\/img-srv\/5Dv4tyq4wGzWosBp_fjc8byRFtAHeRdPEy-5Cwn5Rpo\/resizing_type:auto\/width:1024\/height:0\/gravity:sm\/enlarge:1\/ext:webp\/strip_metadata:1\/quality:35\/bG9jYWw6Ly8vcWFsYS9xYWxhLnVrL3dwLWNvbnRlbnQvdXBsb2Fkcy9zaXRlcy84LzIwMjMvMDUvc2thcm1iaWxkLTIwMjMtMDUtMTktMTQyNTA5LnBuZw.webp\" alt=\"\" class=\"wp-image-4717\"\/><\/figure>\n\n\n\n<div style=\"height:78px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p><strong>Emphasized item: <\/strong>Just like it sounds, it&#8217;s to emphasize a specific page. Like in the image below, an emphasized page your visitors easily can access. And just like with &#8216;Image&#8217; you can easily choose the same alternative for the mobile version of the menu if you want. <\/p>\n\n\n\n<p>And like with all changes it can affect the structure on your entire site so if you feel unsure about something: Ask you CSM!<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/qala.jdj.ac.dev\/img-srv\/28gUDunEWIYh_Zn8ute60Xa1V50hGRuDcANzp66El28\/resizing_type:auto\/width:1024\/height:0\/gravity:sm\/enlarge:1\/ext:webp\/strip_metadata:1\/quality:35\/bG9jYWw6Ly8vcWFsYS9xYWxhLnVrL3dwLWNvbnRlbnQvdXBsb2Fkcy9zaXRlcy84LzIwMjMvMDUvc2thcm1iaWxkLTIwMjMtMDUtMTktMTQ1MjUxLnBuZw.webp\" alt=\"\" class=\"wp-image-4726\"\/><\/figure>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;flex-basis:22.1%\"><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Create multilevel menus. Megamenu settings give you big possibilities to customize the menu after your brand and your website<\/p>\n","protected":false},"author":184,"featured_media":0,"parent":38,"menu_order":2,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_trash_the_other_posts":false,"editor_notices":[],"footnotes":""},"class_list":["post-42","page","type-page","status-publish","hentry"],"acf":[],"parents":[{"permalink":"https:\/\/qala.shop\/documentation","title":"Home"},{"permalink":"https:\/\/qala.shop\/documentation\/appearance\/","title":"Appearance"},{"permalink":"https:\/\/qala.shop\/documentation\/appearance\/menus\/","title":"Menus"},{"permalink":false,"title":"Create multilevel menus"}],"_links":{"self":[{"href":"https:\/\/qala.shop\/documentation\/wp-json\/wp\/v2\/pages\/42","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/qala.shop\/documentation\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/qala.shop\/documentation\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/qala.shop\/documentation\/wp-json\/wp\/v2\/users\/184"}],"replies":[{"embeddable":true,"href":"https:\/\/qala.shop\/documentation\/wp-json\/wp\/v2\/comments?post=42"}],"version-history":[{"count":1,"href":"https:\/\/qala.shop\/documentation\/wp-json\/wp\/v2\/pages\/42\/revisions"}],"predecessor-version":[{"id":43,"href":"https:\/\/qala.shop\/documentation\/wp-json\/wp\/v2\/pages\/42\/revisions\/43"}],"up":[{"embeddable":true,"href":"https:\/\/qala.shop\/documentation\/wp-json\/wp\/v2\/pages\/38"}],"wp:attachment":[{"href":"https:\/\/qala.shop\/documentation\/wp-json\/wp\/v2\/media?parent=42"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}