← Back to Snippets
$5Advanced

Mega Menu with Images

Full-width dropdown menu supporting images, featured collections, and promotional banners per menu item. Keyboard accessible with ARIA attributes. Slides up as a bottom sheet on mobile.

Category: Navigation Compatibility: All OS 2.0 Themes Updated: Feb 2026
snippets/plynthr-mega-menu-images.liquid Purchase — $5
{% comment %}
  Plynthr — Mega Menu with Images (Premium)

  This is a preview of the snippet. Purchase to receive:
  ✓ Full source code (.liquid file)
  ✓ Installation guide (README)
  ✓ CSS custom properties for easy theming
  ✓ Support via plynthr.com/contact

  FEATURES:
  - Multi-column layout from your Shopify navigation
  - Auto-pulls collection images
  - Optional featured image card with overlay
  - Optional promotional banner
  - Keyboard accessible (Escape, ARIA)
  - Bottom sheet on mobile
  - CSS custom properties for easy styling
  - Open on click or hover (configurable)
{% endcomment %}

{%- comment -%}
  USAGE:
  {%- render 'mega-menu-images',
    menu_title: 'Shop',
    menu_handle: 'main-menu',
    promo_title: 'New Arrivals',
    promo_text: 'Shop the latest collection →',
    promo_url: '/collections/new-arrivals'
  -%}
{%- endcomment -%}

<!-- Full code available after purchase -->
<!-- Includes: 200+ lines of Liquid, CSS, and JavaScript -->
<!-- Fully documented with installation guide -->

Installation

  1. Purchase the snippet from Gumroad — you'll receive a .zip with the .liquid file and README.md
  2. In your Shopify admin, go to Online Store → Themes → Edit Code
  3. Under Snippets, click "Add a new snippet"
  4. Name it mega-menu-images
  5. Paste the code from the downloaded file and save
  6. Open your header section (e.g., sections/header.liquid)
  7. Replace the nav link you want to convert with the render tag (see README for details)

Customization

  • 12 CSS custom properties for colors, fonts, sizing
  • Supports multiple mega menus per page
  • Optional hover-to-open mode (uncomment in script)
  • Featured image cards with overlay text
  • Promotional banner with custom heading and description

Want this installed for you?

I'll add this to your Shopify store, test it, and make sure it's working perfectly. Done within 24 hours.

Purchase — $5 Install for Me — $29
✓ Installed & tested ✓ Within 24 hours ✓ Any OS 2.0 theme

FAQ

What do I get when I purchase?
A .zip file containing the full .liquid snippet (200+ lines) and a detailed README.md with installation steps, usage examples, and customisation options.
Can I use it on multiple stores?
Yes. There's no license restriction — use it on as many stores as you like.
What if I need help installing?
You can purchase the $29 install service and I'll add it to your theme within 24 hours. Or ask a question via plynthr.com/contact.
Start for free then pay $1/month for 3 months — Claim offer