Tilda Blog

🔎 Block Library Update: Online Store Menu With Catalog & Search (ME500)

The new ME500 block from the Menu category lets you add a hamburger menu with categories from your Product Catalog, a submenu linking to other sections of your site, and a built-in search bar. Ideal for stores with many products: Feature main categories and add links to relevant subcategories to simplify navigation.

Catalog category items can link either to a specific block or a separate page.

Buttons for product categories and search are fully customizable: Set your brand color, choose an icon from the Tilda Icons library or upload your own, add animations or hover effects, etc.

You can also add a separate submenu for other pages, like "About Us" or "Contacts." If there are too many items, you can also display the submenu as a dropdown.

In the block Settings, choose where the search should apply: The entire site, selected pages, the Product Catalog, or Feeds.

In the Content tab, pick which icons to show in the menu: Customer Account, Favorites, Cart, and Search, and whether to display text labels for them.

Learn more about enabling Customer Accounts for your online store: help.tilda.cc/online-store/customer-accounts

In addition to ME500, there are two other versions: ME500A and ME500B.
• ME500A works best if you want a full-screen menu.
• ME500B displays submenu items as a dropdown by default.

For mobile, there's also a setting that keeps the menu items visible at the bottom while scrolling.
Made on
Tilda