{"id":164,"date":"2021-12-29T08:38:58","date_gmt":"2021-12-29T08:38:58","guid":{"rendered":"https:\/\/www.enactsoft.com\/resources\/?post_type=docs&#038;p=164"},"modified":"2023-04-20T09:37:33","modified_gmt":"2023-04-20T04:07:33","password":"","slug":"laraback-configure-header","status":"publish","type":"docs","link":"https:\/\/www.enactsoft.com\/resources\/laraback-configure-header\/","title":{"rendered":"How to set header?"},"content":{"rendered":"\n<h2 class=\"kt-adv-heading_e103f6-03 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading_e103f6-03\">Video explanation<\/h2>\n\n\n\n<figure class=\"wp-block-video\"><video controls src=\"https:\/\/www.enactsoft.com\/resources\/wp-content\/uploads\/2021\/12\/LarabackPRO-Header-Menu-configuration-opt.mp4\"><\/video><\/figure>\n\n\n\n<h2 class=\"kt-adv-heading_f21869-b7 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading_f21869-b7\">Update website Logo and Favicon<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>To upload the website Logo and Favicon, please visit<strong> Admin panel-&gt; SETTINGS -&gt; Settings-&gt; General Settings<\/strong><\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/i.imgur.com\/ACmTJRg.png\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/i.imgur.com\/ACmTJRg.png\" alt=\"logo-and-favicon-icon-upload\"\/><\/a><\/figure>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Upload logo<\/strong> by choosing the file and the file must be an image in PNG format.\n<ul class=\"wp-block-list\">\n<li>Size: 240px X 40px<\/li>\n\n\n\n<li>Transparent background<\/li>\n\n\n\n<li>font icon with the dark color scheme<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Upload the <strong>Favicon<\/strong> by choosing the file and the file must be an image in PNG format.\n<ul class=\"wp-block-list\">\n<li>Size: 48 px X 48 px<\/li>\n\n\n\n<li>Transparent \/ other color background<\/li>\n\n\n\n<li>Icon with the dark color scheme<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\">Configure Menu<\/h2>\n\n\n\n<p>To configure Menu visit <strong>admin Panel-&gt;CMS-&gt;Menu Builder<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/i.imgur.com\/ZR60p1s.png\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/i.imgur.com\/ZR60p1s.png\" alt=\"menu-structure-configuration\"\/><\/a><\/figure>\n\n\n\n<ol class=\"wp-block-list\">\n<li>To create a new menu click on <strong>create a new menu<\/strong> and <strong>select the menu you want to edit <\/strong>from the drop-down list.<\/li>\n\n\n\n<li>add a <strong>Custom Link<\/strong> and their label.<\/li>\n\n\n\n<li>Add different types of <strong>Pages<\/strong> and their label.<\/li>\n\n\n\n<li>Add different types of <strong>Menus<\/strong> and their label.<\/li>\n\n\n\n<li>Add Multiple <strong>Stores<\/strong>.<\/li>\n\n\n\n<li>Add Multiple <strong>Store Categories<\/strong>.<\/li>\n\n\n\n<li>Add Multiple <strong>Coupon Categories<\/strong>.<\/li>\n\n\n\n<li>Add Multiple <strong>Deal Categories.<\/strong><\/li>\n\n\n\n<li>The name of the Menu and its different types displayed like- <strong>Main, Submenu, Inactive, Footer, etc.<\/strong><\/li>\n\n\n\n<li><strong>Menu Structure<\/strong> is defined. Place each item in the order you prefer. Click on the arrow to the right of the item to display more configuration options like-<strong> Label,<\/strong> <strong>Class, Menu.<\/strong><\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\">Main Menu configuration<\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/i.imgur.com\/q0eWyem.png\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/i.imgur.com\/q0eWyem.png\" alt=\"main-menu-configuration-frontend\"\/><\/a><\/figure>\n\n\n\n<p><strong>Generally, we provide a well-configured menu, please edit the existing menu so that it&#8217;s easy to manage<\/strong><br><br><strong>Steps:-<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/i.imgur.com\/HH41SwB.png\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/i.imgur.com\/HH41SwB.png\" alt=\"main-menu-configuration-admin\"\/><\/a><\/figure>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Click on <strong>create a new menu<\/strong>.<\/li>\n\n\n\n<li>Generally, the main menu bar should contain the sub-menus already created to show as a child. And if that is the case, first create the sub-menu first.<\/li>\n\n\n\n<li>For creating a sub-menu, enter the<strong> Name, <\/strong>select the<strong> Menu Type<\/strong> as a Submenu and save.<\/li>\n<\/ol>\n\n\n\n<p><strong>Hint:- <\/strong>Here there are different Menu types i.e Inactive, Main, Submenu, Footer. Here select Submenu. Because the main menu is within the main Menu Header.<\/p>\n\n\n\n<figure class=\"wp-block-table is-style-regular\"><table><thead><tr><th class=\"has-text-align-left\" data-align=\"left\">Menu type<\/th><th class=\"has-text-align-left\" data-align=\"left\">Explanation<\/th><\/tr><\/thead><tbody><tr><td class=\"has-text-align-left\" data-align=\"left\">Submenu<\/td><td class=\"has-text-align-left\" data-align=\"left\">Child Menu<\/td><\/tr><tr><td class=\"has-text-align-left\" data-align=\"left\">Main<\/td><td class=\"has-text-align-left\" data-align=\"left\">Menu in the header bar<\/td><\/tr><tr><td class=\"has-text-align-left\" data-align=\"left\">Footer<\/td><td class=\"has-text-align-left\" data-align=\"left\">Displayed in the footer.<\/td><\/tr><tr><td class=\"has-text-align-left\" data-align=\"left\">Inactive<\/td><td class=\"has-text-align-left\" data-align=\"left\">Disabled<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/i.imgur.com\/BMCWeLL.png\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/i.imgur.com\/BMCWeLL.png\" alt=\"main-menu-configure-with-store-name\"\/><\/a><\/figure>\n\n\n\n<p>Now, let us add the submenus on the header menu bar<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Select the <strong>Main menu<\/strong> from the dropdown list.<\/li>\n\n\n\n<li>Select <strong>Menus <\/strong>from the Dropdown list which are being added above i.e <strong>stores, <\/strong>enter <strong>Label <\/strong>name and press <strong>Add menu<\/strong> button.<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\">Mega-menu configuration<\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/i.imgur.com\/hKejx2C.png\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/i.imgur.com\/hKejx2C.png\" alt=\"mega-menu-configuration-frontend\"\/><\/a><\/figure>\n\n\n\n<p><strong>Steps<\/strong>:-<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/i.imgur.com\/XGM2f2D.png\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/i.imgur.com\/XGM2f2D.png\" alt=\"mega-menu-configuration-admin\"\/><\/a><\/figure>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Select <strong>Main Menu<\/strong> from the drop-down list<\/li>\n\n\n\n<li>In <strong>Menu Structure <\/strong>within<strong> Class<\/strong> Write &#8220;Mega-Menu&#8221;.<\/li>\n\n\n\n<li>The sub-menu selected to show as a mega menu must have multiple parent-child structured menu arrangements.<\/li>\n<\/ol>\n\n\n\n<p><strong>Example<\/strong>:-<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Top Stores\n<ul class=\"wp-block-list\">\n<li>Amazon<\/li>\n\n\n\n<li>Wallmart<\/li>\n\n\n\n<li>Target<\/li>\n\n\n\n<li>Flipkart<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Top Categories\n<ul class=\"wp-block-list\">\n<li>Home Appliances<\/li>\n\n\n\n<li>Electronics<\/li>\n\n\n\n<li>Fashion<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Daily Deals\n<ul class=\"wp-block-list\">\n<li>Amazon Daily Deals<\/li>\n\n\n\n<li>Electronics Deals<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Plain Drop-down child menu configuration<\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/i.imgur.com\/UeXSrvC.png\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/i.imgur.com\/UeXSrvC.png\" alt=\"simple-sub-menu-configuration-frontend\"\/><\/a><\/figure>\n\n\n\n<p><strong>Steps<\/strong>:-<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/i.imgur.com\/G5I8ptQ.png\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/i.imgur.com\/G5I8ptQ.png\" alt=\"simple-sub-menu-configuration-admin\"\/><\/a><\/figure>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Click on <strong>Create a new menu<\/strong><\/li>\n\n\n\n<li>Enter the<strong> Name<\/strong>, select the<strong> Menu Type<\/strong> as a Submenu and Save.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/i.imgur.com\/MbtBcv7.png\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/i.imgur.com\/MbtBcv7.png\" alt=\"simple-sub-menu-configuration-for-stores-admin\"\/><\/a><\/figure>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Select Stores from the drop-down list.<\/li>\n\n\n\n<li>Create <strong>Custom Link, Pages, Menus, Stores, Store Categories, Coupon Category, Stores Category <\/strong>as per need like- here Booking IN, Aliexpress IN is selected from <strong>stores<\/strong> and then added.<br>&#8211; <strong>Hint:- <\/strong>Here you can add multiple <strong>Custom Link, Pages, Menus, Stores, Store Categories, Coupon Category, Stores Category depending upon<\/strong> the need.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/i.imgur.com\/BMCWeLL.png\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/i.imgur.com\/BMCWeLL.png\" alt=\"simple-sub-menu-configuration-for-diff-menus-admin\"\/><\/a><\/figure>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Select the <strong>Main menu <\/strong>from the drop-down list.<\/li>\n\n\n\n<li>Select <strong>Menus<\/strong> from the Dropdown list which are being added above i.e <strong>stores, <\/strong>enter <strong>Label <\/strong>name and press <strong>Add menu<\/strong> button.<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\">Parent menu item in the main menu<\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/i.imgur.com\/nWguuW8.png\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/i.imgur.com\/nWguuW8.png\" alt=\"parent-menu-configuration-frontend\"\/><\/a><\/figure>\n\n\n\n<p><strong>steps<\/strong>:-<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/i.imgur.com\/MbtBcv7.png\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/i.imgur.com\/MbtBcv7.png\" alt=\"parent-menu-configuration-admin\"\/><\/a><\/figure>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Select<strong> Main Menu<\/strong> from the drop-down list.<\/li>\n\n\n\n<li>Create <strong>Custom Link, Pages, Menus, Stores, Store Categories, Coupon Category, Stores Category <\/strong>as per need like- here <strong>Refer And Earn<\/strong> is selected from<strong> Pages <\/strong>and then added.<\/li>\n<\/ol>\n\n\n\n<p><strong>Hint:- <\/strong>Here you can add multiple <strong>Custom Link, Pages, Menus, Stores, Store Categories, Coupon Category, Stores Category depending upon<\/strong> the need.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Change content for placeholders, labels, and other texts<\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li>To configure Placeholder visit <strong>Admin<\/strong> <strong>Panel-&gt;SETTINGS-&gt;Label Translation.<\/strong><\/li>\n\n\n\n<li>Search the label by existing text.<br>&#8211; <strong>Hint:- <\/strong>Use CTR + F and type the present label value in the front-end. i.e. when you wish to change the label for search bar place holder, Use CTR+F and type &#8216;Search Cashback,&#8217; it will highlight the label value. Edit the value or Translate it in different languages as per your requirement.<\/li>\n\n\n\n<li>Clear cache In case change doesn&#8217;t reflectClick here to learn how to clear the cache.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/i.imgur.com\/xXWX09m.png\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/i.imgur.com\/xXWX09m.png\" alt=\"label-translation-configuration-admin\"\/><\/a><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Translation to Different Languages or Add New Language<\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/i.imgur.com\/eXqvb13.png\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/i.imgur.com\/eXqvb13.png\" alt=\"language-change-configure-frontend\"\/><\/a><\/figure>\n\n\n\n<p>To Change the language Translation setting visit the <strong>Admin Panel-&gt; DEVELOPER SETUP-&gt; Language Master-&gt; Create New.<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/i.imgur.com\/ZxNUnaQ.png\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/i.imgur.com\/ZxNUnaQ.png\" alt=\"language-master-configure-admin\"\/><\/a><\/figure>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Add the <strong>Name<\/strong> of the language.<\/li>\n\n\n\n<li>Add ISO language <strong>code<\/strong>, it must be <strong>2 characters and in a small case<\/strong>, i.e. en, hi, de etc.<\/li>\n\n\n\n<li>When <strong>Enabled<\/strong> is ON, it will show language switcher in front-end. If disabled, it will NOT show in the front-end.<\/li>\n\n\n\n<li>When <strong>Is Admin <\/strong>switch is ON, it shows the translatable fields in various forms for pages, stores, etc. When disabled, it will NOT show the field to translate in forms.<br>&#8211;<strong>Hint<\/strong>:- Do not switch off the admin option for the English language, else, it will remove all English values from all labels.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/i.imgur.com\/5MVttFe.png\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/i.imgur.com\/5MVttFe.png\" alt=\"language-change-configure-admin-example\"\/><\/a><\/figure>\n\n\n\n<ol class=\"wp-block-list\">\n<li>After adding the language the code of language is shown in translate to options. Click on that particular options.\n<ol class=\"wp-block-list\">\n<li>This will translate language from English to other languages and must have data already saved.<\/li>\n\n\n\n<li>We&#8217;ve used Free google translate API, hence, it&#8217;s not reliable to use system-generated translation. It is recommended to translate the label manually.<br>You can add translation API key under Admin settings at <a href=\"https:\/\/prnt.sc\/GNPqFJupHIP3\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/prnt.sc\/GNPqFJupHIP3<\/a><\/li>\n<\/ol>\n<\/li>\n\n\n\n<li>Click on the language code that you have selected earlier. it would translate in the preferred language.<\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"<p>Configure Menu To configure Menu visit admin Panel-&gt;CMS-&gt;Menu Builder. Main Menu configuration Generally, we provide a well-configured menu, please edit the existing menu so that it&#8217;s easy to manage Steps:- Hint:- Here there are different Menu types i.e Inactive, Main, Submenu, Footer. Here select Submenu. Because the main menu is within the main Menu Header. [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"template":"","meta":{"footnotes":""},"doc_category":[38,74],"glossaries":[],"doc_tag":[],"class_list":["post-164","docs","type-docs","status-publish","hentry","doc_category-configure-header-menu-footer-and-home-page-laraback","doc_category-configuration-superback"],"year_month":"2025-10","word_count":896,"total_views":"475","reactions":{"happy":"0","normal":"0","sad":"0"},"author_info":{"author_nicename":"sdjsuhds","author_url":"https:\/\/www.enactsoft.com\/resources\/author\/sdjsuhds\/"},"doc_category_info":[{"term_name":"Configure Header, Menu, Footer, &amp; Home page","term_url":"https:\/\/www.enactsoft.com\/resources\/docs-category\/configure-header-menu-footer-and-home-page-laraback\/"},{"term_name":"Configuration","term_url":"https:\/\/www.enactsoft.com\/resources\/docs-category\/configuration-superback\/"}],"doc_tag_info":[],"author_list":[{"ID":"2","user_login":"sdjsuhds","display_name":"sdjsuhds","id":"2"}],"_links":{"self":[{"href":"https:\/\/www.enactsoft.com\/resources\/wp-json\/wp\/v2\/docs\/164","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.enactsoft.com\/resources\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/www.enactsoft.com\/resources\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/www.enactsoft.com\/resources\/wp-json\/wp\/v2\/users\/2"}],"version-history":[{"count":27,"href":"https:\/\/www.enactsoft.com\/resources\/wp-json\/wp\/v2\/docs\/164\/revisions"}],"predecessor-version":[{"id":2098,"href":"https:\/\/www.enactsoft.com\/resources\/wp-json\/wp\/v2\/docs\/164\/revisions\/2098"}],"wp:attachment":[{"href":"https:\/\/www.enactsoft.com\/resources\/wp-json\/wp\/v2\/media?parent=164"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/www.enactsoft.com\/resources\/wp-json\/wp\/v2\/doc_category?post=164"},{"taxonomy":"glossaries","embeddable":true,"href":"https:\/\/www.enactsoft.com\/resources\/wp-json\/wp\/v2\/glossaries?post=164"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/www.enactsoft.com\/resources\/wp-json\/wp\/v2\/doc_tag?post=164"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}