Setup Navigation

Navigation - official documentation

Create a Link List in Menu

Add, remove, or edit menu links - official documentation

Create a Drop-down Menu

Drop-down levels = 4 with old block method

Drop-down levels = 2 with new official method

Create a drop-down menu - official documentation

Create Drop-down Menu with Images

  • Upload your images in store. Go to Settings > Files > Upload images. Image size 280x370px. Use *.png images: Navigation images
  • Go to Online Store > Navigation
  • Open drop-down menu. In the end of the item name paste html code with image link from uploaded files:
    Code: <img class="lazyload" data-src="YOUR IMAGE URL" alt=""> Navigation images Navigation images Navigation images
  • Result: Navigation images

Create Simple submenu with title

INSTRUCTION
  • Work with created menu: Create Simple submenu with title
  • Go to Customize Theme > section Header
  • In the section open or add tab Simple submenu with title and add menus in special fields: Create Simple submenu with title Create Simple submenu with title
  • Result: Create Simple submenu with title

Create Simple submenu 2 columns

INSTRUCTION
  • Work with created menu: Create Simple submenu with title
  • Go to Customize Theme > section Header
  • In the section open or add tab Simple submenu 2 columns and add menus in special fields: Create Simple submenu with title Create Simple submenu with title
  • Result: Create Simple submenu with title

Create Megamenu

INSTRUCTION
  • Work with created menu. Main menu item Women. External block for drop-down Women. *Create with old block method: Create Megamenu Create Megamenu
  • Go to Customize Theme > section Header
  • In the section open or add tab Megamenu and add menus in special fields: Create Simple submenu with title Create Simple submenu with title
  • Result: Create Simple submenu with title

Megamenu options

  • Items in row and images: Items in row
  • Widgets and widgets settings. None / Gallery / Banner. Example with gallery: Widgets
  • Bottom banners: Bottom banners

Footer Column Links

  • Create a link list in menu for the footer column. Different columns = different menu
  • Go to Customize Theme > section Footer
  • Open or add tab Footer Links and add menus in special fields: Footer navigation
  • Result: Footer navigation

Drop-down Badges

  • Work with created menu: Drop-down Badges
  • Open drop-down menu. In the end of the item name paste html code with badge html:
    Code for New: <span class="tt-badge tt-new">New</span>
    Code for Featured(Custom Text): <span class="tt-badge tt-fatured">Featured</span>
    Code for Sale: <span class="tt-badge tt-sale">Sale 15%</span>

  • Result: Drop-down Badges

Links to New Window

  • Go to Customize Theme > General Settings > Settings
  • Find block Navigation Links in new window
  • Select options with navigation in new window
BACK TO TOP