In Shopify 2.0 there are a maximum of 16 addable blocks in a menu. However, with The4 theme, we’ve found a solution by adding Menu list (lv1). This menu also has a limitation, but this is the best solution for you to add more than 16 blocks at the moment.
1. Find menu list (lv1) on Kalles theme
From Header Design x (x from 1 to 10, you can choose yourself in the theme Settings), navigate to Add block, click on it, and a list of blocks will appear. Find Menu list (lv1) and click.
2. Create Menu on Shopify
In order to utilize Menu List (lv1) on Kalles theme, you must add Menu on Shopify first.
- Step 1: From Shopify dashboard, choose Online Store > Navigation > Add Menu.
- Step 2: Add name and links for menu.
You can create other items for submenus by pulling them back to the submenus.
Notice: Menu items allows you to create maximum of 2 other item layers for the submenus.
There are three types of Menu lists: Normal type (with submenu columns), Collection type (with submenus and collections), Product type (with submenus and products). The steps to create them are almost the same.
Menu list (lv1) also allows you to create all type in a Menu. For example you can add Submenu columns, enable Collections and Products simultaneously in a Menu list.
2.1. Normal Type Menu List (lv1)
These steps above have already helped you create a Normal Type Menu List (lv1). This is an example:
2.2. Collection Type Menu List (lv1)
Notice: There are two types of Collection Type, including image and without image.
- If you want to create Menu collection type with various collections without images. When you add Menu, you mustn’t add link for main menu. You just can add collection links to submenus.
- If you want to add collections with images as normal, please follow these steps:
This is an example of Collection Type:
2.3. Product Type Menu List (lv1)
Notice: There are two types of Product Type, including image and without image.
- If you want to create Menu product type with various products without images. When you add Menu, you mustn’t add link for main menu. You just can add product links to submenus.
- If you want to add products with images as normal, please follow these steps:
This is an example of Product Type:
3. Add and Config Menu list (lv1) in Kalles theme
3.1. Normal Type Menu List (lv1)
In order to add Normal Menu: Click on Change > Change menu > Search name of the menu > Select.
- Heading: allow you freely to set a menu name.
- Link: If you want to direct your customers to a page, image, etc. Put link here.
- Open link in: You can choose whether to open the link in current page or another.
- Columns: You can decide the number of columns show for the menu.
- Icon: You can add icon for the menu by finding names of them.
- If you want to change the color of the Menu, turn on Use custom heading color? Then, choose Heading color.
- Label Text, Label Color: You can write text and choose color for your label.
3.2. Collection Type Menu List (lv1)
In order to add Collection Menu: From the right-side bar, scroll down then click on “Enable Collection Type?“.
- Collections design: There are three choices for you including default, Design 1, Design 2. These designs help you change the position, background color of the collection title.
- Image #1-#6: You can add a maximum of 6 collections as well as images. You also can upload other collection images from your device instead of using the available images in collections.
- Aspect Ratio: This option allows you to change the Aspect Ratio to change the image size. There are various choices such as 1:2,2:1, 16:9, etc. Or you can even set in General panel to make Custom Aspect Ratio.
- Image size: You can choose Full (equal to Aspect Ratio), or Auto (the original image size).
- Image position: You can not choose for full size image. This option allows you to change the position collection image in Aspect Ratio.
3.3. Product Type Menu List (lv1)
In order to add Product Menu: From the right-side bar, scroll down, then click on “Enable Product Type?“.
- Product type: There are three choices for you including Design 1, Design 1 (center), Design 2. These designs help you change the alignment of the product details.
- Show product vendor: You can enable show product vendor or not. Product vendor will appear under product image.
- Countdown timer: If you want to add countdown timer below the image product, you must add final date of the product sale price by using Meta field. Go here to find how to add!
- Round countdown timer: The countdown timer button will be automatedly adjust the border radius.
- Use the equal image height: This option allows you to adjust automatically all image height equally.