Open Store Free
  • Buy Themes
  • Documentation
    • Kalles Shopify Theme
    • Kalles WordPress Theme
    • Gecko Shopify Theme
    • Elessi Shopify Theme
  • License FAQs
  • Open Ticket
  • Buy Themes
  • Documentation
    • Kalles Shopify Theme
    • Kalles WordPress Theme
    • Gecko Shopify Theme
    • Elessi Shopify Theme
  • License FAQs
  • Open Ticket

Kalles Shopify Theme

home/Documentation/Kalles Shopify Theme
Popular Search:Import demo, Update theme, Custom color
  • 1. GREETING
  • 2. CHANGELOGS
  • 3. INSTALLATION
    • How to get Instagram Access Token
    • How to update the theme?
    • Import Demo
    • Recommend Shopify App
    • Some Basic Before Using Theme
    • Upload Theme
  • 4. RECOMMEND APPS
    • Facebook Messenger - Live Chat
    • Flash Search
    • Growave
    • LayoutHub
    • Loox
    • ReCharge
    • Ryviu
    • Slider Revolution 6
  • 5. UPDATE THEME
    • How to update the theme between versions 3.x.x
    • What is new in version 3.0
  • 6. PRODUCT PAGE
    • Advance Product Type
    • Back in stock notification (Notify me form)
    • Brand Image (Vendor Image)
    • Configure Metafield on Kalles 3.x - supported OS 2.0
    • Configure Product 3D, AR models
    • Configure Size Guides for Products on Kalles ver 3.x.x
    • Configure Submenu Labels and Custom Product Labels
    • Configure the notice: "Will not ship until..." for Pre-order product
    • Configure variant images for product in Shopify dashboard
    • Configure variant on the Product page
    • Frequently Bought Together
    • Product Description sidebar with Collapsible tabs
    • Product Summary option
      • Configure Product Summary - Blocks Content
      • Configure Product Summary - Settings
    • Use the Custom HTML with Metafields in the Description Product tab
  • 7. COLLECTION PAGE
    • Filter by Product Options
    • Filter by Tags
  • 8. THEME SETTINGS
    • Cart & Search Widgets
    • Checkout
    • Collection Page
    • Custom CSS, JS
    • Favicon
    • General Settings
    • Group Variants Image
    • Header
    • Header Configuration
    • Language, Currency
    • Layout
    • Logo Header
    • Other settings
    • Product Item Settings
    • Product Page Settings
    • Recommendation Pop-up Add to Cart
    • Social Media
    • Style and color
    • Typography
  • 9. THEME SECTIONS
    • About us
    • Banner
    • Banner Custom
    • Banner Custom 2
    • Collection Banner
    • Collection Grid
    • Collection List
    • Collection list
    • Collection List Manual
    • Collection List Packery
    • Collection Slider
    • Custom HTML
    • Custom Liquid
    • Custom Section
    • Custom Section 2
    • Daily Deal Of The Day
    • Gallery
    • Image with text
    • Image With Text Overlay
    • Packery Collection
    • Packery Collection Manually
    • Promo Text
    • Rich text
    • Search Section
    • Shipping Text Simple
    • Store Information
    • Tab Collection
    • Tab Collection Slider
    • Testimonials
    • Text Columns with Images
  • 10. SECTIONS
    • Age verification popup
    • Blog Manual
    • Blog Posts
    • Brand List
    • Configure Product Quickview
    • Cookie Law Info
    • Exit Product Popup
    • Footer bottom
    • Footer top
    • Mobile menu & Mobile Categories
    • Newsletter popup
    • Sales popup
    • Shopping Cart Widget
    • Sticky Toolbar Mobile
    • Text Columns with Images 2
  • 11. BLOG
    • Default Blog
    • Filter by Tag for Blog
    • Portfolio Configuration
  • 12. THEME FAQs
    • Change currency format on Checkout Page
    • Countdown timer & Design images option for all sections
    • Custom HTML code for Size Guide page
    • How to change title "Product" to other words on "Collections/All" page?
    • How to configure custom colors swatch for your store?
    • How to enable/ disable Terms & Condition checkbox on Cart sidebar/ Cart Page?
    • How to enable/disable "Shipping calculated at checkout"?
    • Trick, Helpful Custom CSS
  • 13. MAIN NAVIGATION
    • Configure Megamenu on Kalles 3.x (New Type block)
  • 14. VARIANT CONFIGURATION
    • Configure different ID for Product Variants
    • Configure product Grouped
    • Configure Variant on loop & Collection page
  • 15. PAGES
    • About us

Configure Megamenu on Kalles 3.x (New Type block)

1792 views 6 December 3, 2021 Updated on January 18, 2022 Iris

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.

Was this helpful?

6 Yes  3 No
Copyright 2021 the4.co. All Rights Reserved.
Popular Search:Import demo, Update theme, Custom color