0

Your Cart is Empty

by Michael P. Hill November 02, 2016

In addition to its blazing fast speed, the new Turbo Shopify theme boasts tons of other features designed to make it the most flexible and versatile Shopify theme out there.

This post is the first in a series that will take a look at these features — one at a time — and how they can be used to create a successful Shopify store.

To kick off the series, we’ll take a look at one of the most requested Shopify theme features that was added to the Turbo Shopify theme — the mega menu.

The whole idea of a mega menu is to make browsing the shop easier, by giving shoppers faster access to specific sections of a store that might have a large number of collections, categories or other content.

Mega menus offer the advantage of displaying, at least on the desktop version of the site, many more navigation options and menu links that customers can scan and glance over to find the one closest to what they’re looking for. This would be instead of them having only a small number of vague or generic menu links to select from, and then perhaps taking three or more clicks to sift through a large collection in the hopes of finding their product of interest

There are a myriad strategies on how to utilize and set up your mega menus and many of the details for doing so in Turbo are covered fully in this support article.

Here are some highlights:

Single 'shop' link in main nav

Mega menu in Shopify

  • Use a single “shop” or “products” navigation link in your primary navigation bar that on hover displays a secondary mega menu showing multiple columns with the various categories your store offers.
  • For example, a clothing retailer could create columns for “Men,” “Women,” “Children” or other similar top level categories.
  • Then, create sub-categories such as “Tops,” “Pants” or “Shoes” under each one.
  • This approach does add an additional “layer” to your navigation, but can be effective if you want a cleaner look or need to emphasize other content at the main navigation level.
  • This approach does open up the top level of your navigation bar for spotlighting other content, such as your blog, information about your store and other links.
  • For a super clean look, consider limiting your top level menu items to just a small handful.

Broad categories in main nav

Mega menu in Shopify theme

  • Another option is to place your primary categories in the main navigation bar — so “Men,” “Women” and “Children” would be visible as soon as the page loads.
  • This then opens up the ability to use the headings of each column in the mega menu panel as your “subcategory” with “sub-sub categories” under each one.
  • For example, the headings in this scenario could become “Mens Tops,” “Mens Pants” or “Mens Shoes” while the links under, “Mens Tops,” for example, “T-Shirts,” “Sweaters” and “Dress.”
  • This mega menu layout can also be very effective if your store carries a wide range of unrelated products since it creates a more delineated approach to your site setup.
  • This approach could result in a more cluttered look, but also can be more effective in getting browsers to dive into shopping faster.
  • To reduce potential clutter and maximize screen real estate, choose “under logo” as your menu position and use only a single main menu.
  • When using this method, keep in mind you'll need to give your column names unique names — such as "Mens Tops" in our example as opposed to just "Tops" because otherwise the theme will duplicate menus under in undesierable locations.

Other uses

Blog

Shopify theme blog mega menu

  • Don’t forget your mega menu can also be a great way to better promote your blog content.
  • If you host more than one blog on your store, a mega menu is a perfect way to make this more obvious.
  • Trying creating a top level navigation item titled “Blog” with a column for each blog. Then, under each one, you could include links to tags within that blog to better categorize your content. To do this, you’ll need to use the “Web address” option under your navigation admin panel and enter the URL in this format: /blogs/ blog-handle/tagged/ tag-handle (replacing “blog-handle” and “tag-handle” with the corresponding handle).
  • Another creative use of the links under each column can be to spotlight your latest posts or most popular ones. This will require manually creating links each time you update your blog, but it’s a great way to get more readers to see your content.
  • If you only have one blog, consider using the columns to label posts as “Latest,” “Most Popular” and “Featured.” You can then create a manual Web address link under each one to spotlight content as you want.

‘About’ content

Shopify theme mega menu layout

  • Megu menus are also a great way to better organize content that gives background information about your store and business.
  • For example, a single “About” top level menu item can be broken down into columns for “Our Story,” “Meet the Team” and “Quality.”
  • Each of these columns then could have a link to a more specific part of your “About” content — such as “History” and “Mission” under “Our Story” and individual staffer pages under “Meet the Team.”

Customer service oriented content

Shopify theme with built in mega menu

  • Another great use for a mega menu is to give customers better access to support and related information such as policies, FAQs or other information.
  • A good strategy for this is to create a “Help” top level link with columns for topics such as “Customer Support,” “Policies” and “FAQs.”
  • Each of these, in turn, could be used to break down this content into more specific topics, such as “Contact Us” and links to your social media profiles under “Customer Support” and your shipping, privacy or other policies under the column of the same name. For FAQs, consider breaking down your content into separate pages that each address specific areas such as shipping, product information and policies.
Michael P. Hill
Michael P. Hill

Michael P. Hill is a Shopify, Shopify theme, content marketing, digital marketing and product management expert based in Chicago. Follow him on Twitter at @michaelphill or connect on LinkedIn.

Need Support?

Please don't post support questions or issues as a comment on this thread, as we may not be able to process it in a timely manner. Instead, please visit our Support Center to browse frequently asked questions or submit a support request directly to our team.


1 Response

Matt Magi
Matt Magi

November 02, 2016

Mega menus are becoming a must in stores these days. I highly suggest to learn how to use them, this is a great article. Using mega menus really helps simplify the user experience for your customers. Looking forward to trying out this theme.


Also in Shopify Theme Blog

Use your Shopify theme's signup forms and popups to build your email list
Use your Shopify theme's signup forms and popups to build your email list

by Michael P. Hill December 06, 2016 0 Comments

Along with blazing fast speed , the new Turbo Shopify theme introduces key new features that let you easily integrate email newsletter signup forms in eye-catching ways to expand your marketing efforts. Plus, get pro tips on how to best gather emails from customers.
Read More
Using your Shopify theme's password page as a marketing tool
Using your Shopify theme's password page as a marketing tool

by Michael P. Hill November 30, 2016 0 Comments

Building and setting up your Shopify theme and store can often be a long, strategic process, but there are some ways you can put your Shopify theme to work before you even launch by using the built in password page feature that comes with the Shopify platform.
Read More
One page wonders: Building smaller stores with full featured Shopify themes
One page wonders: Building smaller stores with full featured Shopify themes

by Michael P. Hill November 25, 2016 0 Comments

While most Shopify stores offer a wide selection of products, sometimes your store might only offer a handful of items — or even just one — and the most flexible Shopify themes on the market include the features needed to “shrink down” to a store that has a smaller inventory count.
Read More
Stay on top of OOTS news!

Subscribe to our mailing list to be notified of theme updates, new releases and more.