Megamenu config
1 - Pre-step
Go to Sections > Header design x (x is the design you choose)
You can choose Header design in Theme settings. Please follow this instruction.
2 - Custom Header height (60-160px)
2.1 - 60px
2.2 - 160px
2.3 - Show dropdown arrow?
3 - Mega menu
4 - Content
Before the tutorial I have a explanation:
Ok, now follow steps below:
The parent menu is the menu level 1. Usually it will always be shown in the header. The child menu is the menu level 2. Usually it will show up when you hover on the parent menus.
4.1 - Megamenu (parent)
4.1.1 - Heading
4.1.2 - Link
Choose link when you click to 'DEMO' it will be navigated to that link
You can set go to homepage, collections, products and so on.
4.1.3 - Icon
Click here for getting icon code: https://icons8.com/line-awesome
4.1.4 - Heading color/Label text
4.1.5 - Position Submenu
4.2 - Linklist (child)
4.2.1 - Heading
4.2.2 - Link
Set link when you click to 'HOMEPAGES' it will be navigated to that link
4.2.3 - Add menu
Add menu you wanna show. If you don't have any menu, please follow here for create a menu.
Step 01: Go to Admin > Navigation > Add menu
Step 02: Choose menu to show
4.2.4 - Width col
You can customize the width of submenus (child). Depending on the large menu for how many submenus (child) that choose the appropriate width.
Smilar with others menu (parent) and submenu (child). Lets try. If you have any issues, please contact us.
4.3 - Product (child)
This submenu is used when you want to show the product on the menu
4.3.1 - Products per page
How many products you wanna show?
4.3.2 - Collection
Choose collection to show product
4.3.3 - Column product
How many columns you wanna show per row?
4.3.4 - Countdown timmer
4.3.5 - Design image
Use equal height images?
Aspect Ratio: Aspect Ratio Custom will settings in General panel.
4.3.6 - Width col
You can customize the width of submenus (child). Depending on the large menu for how many submenus (child) that choose the appropriate width.
4.4 - Collection (child)
This section be use for showing collection.
4.4.1 - Image
If you dont want to show collection image so you choose other image in here.
4.4.2 - Collections design
4.4.3 - Collection
Choose collection, when click to this section it will be navigated to that collection.
4.4.4 - Title block (optional)
Leave empty to use 'collection title' title.
4.4.5 - Width col
You can customize the width of submenus (child). Depending on the large menu for how many submenus (child) that choose the appropriate width.
4.5 - Banner (child)
4.5.1 - Image
4.5.2 - Link
Choose link, when click to image it will be navigated to that link.
4.5.3 - Content settings
You can change color or font size by code.
4.5.4 - Width col
You can customize the width of submenus (child). Depending on the large menu for how many submenus (child) that choose the appropriate width.
4.6 - HTML (child)
Width col:
The same way and step with others submenu. If you have any issues, lets contact us.
[Private offer] EComposer Partner Plan
Exclusively for Gecko users, you can get EComposer - Theme Partner Plan for ZERO and start making beautiful, high-converting store pages today:
FREE 100% EComposer Standard plan for 6 months (save you $114)
Build ANY Shopify pages: Landing page, Sales Funnel page, Lead pages, & other custom pages tailored for your marketing campaigns.
Create advanced sections & add to Gecko with ease
Save up to 50 pages/sections
100+ professional, stunning pre-designed templates
Anyone can build pages with live drag-drop editor
How to claim offer: Install EComposer HERE. Then open chatbox icon in EComposer dashboard and leave a message with subject “Gecko+EComposer” to upgrade for free
Cheers, The4.
Last updated