$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

Purchase the snippet from Gumroad — you'll receive a .zip with the .liquid file and README.md
In your Shopify admin, go to Online Store → Themes → Edit Code
Under Snippets, click "Add a new snippet"
Name it mega-menu-images
Paste the code from the downloaded file and save
Open your header section (e.g., sections/header.liquid)
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 your whole store dialled in?

Snippets fix one thing at a time. Want your whole Shopify store audited and tuned — speed, SEO, conversion? Get a free audit in about 60 seconds, or work with me directly.

Purchase — $5 Run your free store audit →

✓ Speed, SEO & mobile✓ Results in ~60s✓ No signup

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?

Ask a question via plynthr.com/contact, or if you want it installed and tuned alongside the rest of your theme, work with me directly.

Mega Menu with Images

Installation

Customization

Want your whole store dialled in?

FAQ

Related Snippets