MegaShelf — Mega Menu Builder

Name: MegaShelf — Mega Menu Builder
Rating: 5 (1 reviews)

Sidebar tabs + collection image grid mega menus for any Shopify theme

Install on Shopify View Demo

★★★★★ Free

Screenshots

Key Features

Everything you need to build stunning mega menus

🎨

Sidebar Category Tabs

Switchable sidebar tabs for each parent category. Customers browse without closing the menu.

🖼️

Image Grid with Hover Zoom

Auto-pulls collection images from your store. Beautiful grid layout with hover effects.

⚡

Zero Code Setup

Works with any theme — Dawn, Prestige, Pipeline, Empire, and all others. No coding required.

📱

Responsive Mobile Ready

Collapsible accordion on mobile, full mega menu on desktop. Perfect on every device.

🎯

20+ Customization Options

Colors, fonts, grid layout, image ratios, border radius, hover effects, and much more.

🚀

Lightning Fast

No external scripts, pure CSS + vanilla JS. Under 5KB total. Loads asynchronously.

How It Works

Set up in under 3 minutes

Structure Your Menu

Create a 3-level navigation in Shopify: Shop All → Baby Clothing → Onesies. The nav bar drives the sidebar tabs and image cards.

Configure in App

Open MegaShelf, select the menu item, customize colors, grid layout, fonts. See changes instantly with live preview.

Enable & Go Live

Enable the App Embed in your theme. Done! Your mega menu appears automatically on hover.

Frequently Asked Questions

Got questions? We've got answers.

Does it work with my theme?

Yes! MegaShelf works with any Shopify theme (Dawn, Prestige, Pipeline, Empire, and all others). It uses an App Embed that injects into any theme automatically.

Do I need to edit any code?

No. Zero code required. You configure everything from the MegaShelf admin panel inside Shopify.

How many mega menus can I create?

Unlimited. Create as many mega menu configurations as you need.

Where do the collection images come from?

MegaShelf automatically pulls images from your Shopify collections. If a collection has an image, it shows that. If not, it uses the first product's featured image.

Does it work on mobile?

Yes! On mobile, the mega menu transforms into a clean collapsible accordion. On desktop, it shows the full sidebar + image grid layout.

Is it really free?

Yes, MegaShelf is 100% free. No hidden costs, no premium tiers, no trial periods.

How do I uninstall?

Go to Settings → Apps in your Shopify admin and click "Remove" next to MegaShelf. All session data is automatically deleted.

Does MegaShelf slow down my store?

No. The total footprint is under 5KB (CSS + JS). It loads asynchronously and only activates on pages with navigation menus.

Can I customize the colors?

Yes! Over 20 customization options: sidebar colors, grid background, hover colors, font sizes, image ratios, border radius, and more.

Troubleshooting

Quick fixes for common issues

🔧 Mega menu doesn't appear on storefront

Make sure the App Embed is enabled: Go to Online Store → Themes → Customize → App Embeds → Enable "MenuCraft Mega Menu"

🔧 Collection images are missing

Ensure your collections have images set. Go to Products → Collections → click a collection → add a Collection Image.

🔧 Menu items don't match

MegaShelf matches by menu handle + item index. Make sure you selected the correct menu and item in the editor.

🔧 Changes don't appear immediately

After saving in the app, click "Sync to Store". Storefront metafield caching may take a few minutes.

Install MegaShelf — It's Free

Transform your store's navigation today. No credit card required. No hidden costs.

Install on Shopify

Works with all themes Zero code GDPR compliant