Slider

Create a Mega Menu

** Mega menu

Go to Sections > Main navigation > Add content

There are 10 type Mega menus. And you can choose one or all of them.

Note: Tick on Hidden block at the end: if you want to hide any mega menus.

1 - Mega Menu Shop

1.1 - Settings

  • Navigation Title: Enter the title of menu.

  • Icon: Go to The icons to get.

  • Navigation Link: When you click to menu, it redirect to the other page selected.

  • Navigation label: Enter the name of label of menu.

  • Navigation label color: set color for label.

  • Add sub menu: Choose menu which you want to show.

1.2 - Product settings

  • Show product: Tick on to show product.

  • Conditions:

    • Automatically select products based on conditions: If you tick on here, scroll down to Automatically select products to choose showing collection and Number of product to display.

    • Manually select products: If you tick on here, scroll down to Manually select products to choose showing products.

  • Show product vendor: Tick on to show product vendor.

  • Use sale countdown: Countdown to the end of sale date will be shown. Make sure you have set final date of the product sale price. product.metafields.meta.countdown ( 2018/01/19 ). The countdown timer only show on the product which have beeb set nay Metafield/ Shopify FD

  • You can go to Product Metafield to know more. After you can choose style show for Countdown on Countdown style.

1.3 - Design image

  • Aspect Ratio : It set aspect ratio for image. And there are 13 types

  • Image size:There 2 types

  • Image position:The first value is the horizontal position and the second value is the vertical

1.4 - Shipping options

Result:

2 - Mega Menu Banner

2.1 - Settings

  • Navigation Title: Enter the title of menu.

  • Icon: Go to The icons to get.

  • Navigation Link: When you click to menu, it redirect to the other page selected.

  • Navigation label: Enter the name of label of menu.

  • Navigation label color: set color for label.

  • Add sub menu: Choose menu which you want to show.

2.2 - Banner settings

  • Show banner: Tick on to show banner.

  • Image: Choose image from libraries.

  • Link to: Choose the link redirect to when you click to banner.

2.3 - Shipping options

Result:

3 - Mega Menu Simple

3.1 - Settings

  • Navigation Title: Enter the title of menu.

  • Icon: Go to The icons to get.

  • Navigation Link: When you click to menu, it redirect to the other page selected.

  • Navigation label: Enter the name of label of menu.

  • Navigation label color: set color for label.

  • Add sub menu: Choose menu which you want to show.

  • Sub menu position: You can choose showing style for menu.

    • Auto(Default)

    • Center

4 - Mega Menu Dropdown

4.1 - Settings

  • Navigation Title: Enter the title of menu.

  • Icon: Go to The icons to get.

  • Navigation Link: When you click to menu, it redirect to the other page selected.

  • Navigation label: Enter the name of label of menu.

  • Navigation label color: set color for label.

  • Add sub menu: Choose menu which you want to show.

  • Sub menu position

    • Left(Default):

    • Right:

5 - Mega Menu product

5.1 - Settings

  • Navigation Title: Enter the title of menu.

  • Icon: Go to The icons to get.

  • Navigation Link: When you click to menu, it redirect to the other page selected.

  • Navigation label: Enter the name of label of menu.

  • Navigation label color: set color for label.

  • Collection to use: Choose collection which you want to show.

  • Number of products to display:

  • Use product vendors: Tick on to show product vendors.

  • Use sale countdown: Countdown to the end sale date will be shown. Be sure you have set final date of the product sale price. Go to Product Metafield to know more.

  • Countdown style:

    • Countdown timer default

    • Countdown timer light

    • Countdown timer light 2

    • Countdown timer dark

5.2 - Design image

  • Aspect Ratio : It set aspect ratio for image. And there are 13 types.

  • Image size: There 2 types

  • Image position:The first value is the horizontal position and the second value is the vertical

5.3 - Slider settings

5.4 - Banner setting

  • Show banner : Tick on to show banner.

  • Link to: When you click to banner, it redirect to page selected.

Result:

6 - Mega Menu tabs

6.1 - Settings

  • Navigation Title: Enter the title of menu.

  • Icon: Go to The icons to get.

  • Navigation Link: When you click to menu, it redirect to the other page selected.

  • Navigation label: Enter the name of label of menu.

  • Navigation label color: set color for label.

  • Collection to use: Choose collection which you want to show.

  • Number of products to display:

  • Use product vendors: Tick on to show product vendors.

  • Use sale countdown: Countdown to the end sale date will be shown. Be sure you have set final date of the product sale price. Go to Product Metafield to know more.

  • Countdown style:

    • Countdown timer default

    • Countdown timer light

    • Countdown timer light 2

    • Countdown timer dark

6.2 - Design image

  • Aspect Ratio : It set aspect ratio for image. And there are 13 types.

  • Image size:There 2 types

  • Image position:The first value is the horizontal position and the second value is the vertical

6.3 - Setting Slider

Result:

7 - Mega Menu Blog

7.1 - Settings

  • Navigation Title: Enter the title of menu.

  • Icon: Go to The icons to get.

  • Navigation Link: When you click to menu, it redirect to the other page selected.

  • Navigation label: Enter the name of label of menu.

  • Navigation label color: set color for label.

  • Blog to use: Choose collection which you want to show.

  • Number of products to display: Choose number of blog you want to show

7.2 - Design image

  • Aspect Ratio : It set aspect ratio for image. And there are 13 types.

  • Image size: There 2 types

  • Image position:The first value is the horizontal position and the second value is the vertical

7.3 - Setting slider

Result:

8 - Mega Menu Contact

8.1 - Settings

  • Navigation Title: Enter the title of menu.

  • Icon: Go to The icons to get.

  • Navigation Link: When you click to menu, it redirect to the other page selected.

  • Navigation label: Enter the name of label of menu.

  • Navigation label color: set color for label.

  • Contact info: Write code HTML.

Result:

9 - Mega Menu HTML Custom

9.1 - Settings

Result:

10 - Menu Item No Children

10.1 - Setting

  • Navigation Title: Enter the title of menu.

  • Icon: Go to The icons to get.

  • Navigation Link: When you click to menu, it redirect to the other page selected.

  • Navigation label: Enter the name of label of menu.

  • Navigation label color: set color for label.

  • Custom HTML: Write code HTML to create a drop-down menu.

Result: