5d:I[333483,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/05lj3a0qaa006.js","/creators-assets/_next/static/immutable/chunks/0x8sumr53pdkk.js","/creators-assets/_next/static/immutable/chunks/3pud1dqsw0-_7.js","/creators-assets/_next/static/immutable/chunks/1m75iqpnspynu.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/382a8k30zyobj.js","/creators-assets/_next/static/immutable/chunks/368p63l4oh_7-.js","/creators-assets/_next/static/immutable/chunks/325i2v5l4tnlq.js","/creators-assets/_next/static/immutable/chunks/228u8o-g1d1_g.js","/creators-assets/_next/static/immutable/chunks/2b1mm8iiske-y.js","/creators-assets/_next/static/immutable/chunks/0i7m0zg6jfazw.js","/creators-assets/_next/static/immutable/chunks/3-hmotkz_bdv_.js","/creators-assets/_next/static/immutable/chunks/06bqtx1jsc1kz.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3naniu4pnqfyw.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/456d4lcv9-syj.js","/creators-assets/_next/static/immutable/chunks/36-o7-3julke0.js","/creators-assets/_next/static/immutable/chunks/2xq6uu2rcdc2i.js","/creators-assets/_next/static/immutable/chunks/413kuej600yyw.js","/creators-assets/_next/static/immutable/chunks/02hyzon6wywme.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/15q00pdqk0br3.js","/creators-assets/_next/static/immutable/chunks/293prjxu_wz0c.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/40oma2w708rd-.js","/creators-assets/_next/static/immutable/chunks/2x7-2b3jcc9x7.js","/creators-assets/_next/static/immutable/chunks/3_pg4jxj9aiiw.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js","/creators-assets/_next/static/immutable/chunks/3l2h8slpbzxqo.js","/creators-assets/_next/static/immutable/chunks/2xgtw4s-tlhet.js","/creators-assets/_next/static/immutable/chunks/3b306xa-3tb7g.js","/creators-assets/_next/static/immutable/chunks/2fvzgkzqkig_w.js","/creators-assets/_next/static/immutable/chunks/3g6klxxyg4m8-.js","/creators-assets/_next/static/immutable/chunks/0qx5rzvbsd7bx.js","/creators-assets/_next/static/immutable/chunks/1cphzzg2t2qo2.js"],"PostDetailCard"] 5e:T5fb,

Build a catalogue menu from a CMS collection in three steps. Drop a Collection List into the Links (CMS) slot and turn off its Pagination (Load more / Infinite). Name the item's text layers Title, Category and Description, and optionally add an Image and a link. Publish: every CMS item becomes a link in the CMS menu, in one column per Category.

Top-level menus open a wide panel with link columns, featured cards and an optional Promo frame. On small screens the bar becomes a drawer that drills down one level at a time.

CMS menu: the component reads the list and shows every item, so the list's own Load more button is not shown. Columns follow the order categories first appear; items without a Category share a column with no heading. Links keep their address and new-tab setting. Layer names can be changed in the panel.

No CMS? Leave the slot empty and type Top level, Menu links and Featured cards. Links and cards join a menu when their Item key matches its Key. Demo cards use colour blocks; add your own images in Cards.

Mobile below is applied from the first paint for values in 10 px steps; other typed values switch right after the page loads.

Keyboard: Arrow Down opens a menu, Up and Down walk its own links, Left and Right move along the bar, Escape closes and returns focus. Links inside your Promo layer are reached with Tab. Opens on hover or click. Reduced motion is respected.

The canvas shows the closed bar; open menus in Preview or on the published site.

5a:[["$","$L5d",null,{"post":{"id":"01a063fd-49b6-773f-8beb-e6bc1e26ac34","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"82d016d2-8113-4080-8f2a-7c3796dceab4","name":"ulz song","slug":"ulz-song","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/82d016d2-8113-4080-8f2a-7c3796dceab4/cyjym4k1","followed":false,"followsYou":false},"media":[],"resources":[{"id":"PiG9rgr3aM994hwxXp4P","resolved":true,"title":"Aisol Catalogue Nav","body":"$5e","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Build a catalogue menu from a CMS collection in three steps. Drop a Collection List into the Links (CMS) slot and turn off its Pagination (Load more / Infinite). Name the item's text layers Title, Category and Description, and optionally add an Image and a link. Publish: every CMS item becomes a link in the CMS menu, in one column per Category."}]},{"type":"paragraph","content":[{"type":"text","text":"Top-level menus open a wide panel with link columns, featured cards and an optional Promo frame. On small screens the bar becomes a drawer that drills down one level at a time."}]},{"type":"paragraph","content":[{"type":"text","text":"CMS menu: the component reads the list and shows every item, so the list's own Load more button is not shown. Columns follow the order categories first appear; items without a Category share a column with no heading. Links keep their address and new-tab setting. Layer names can be changed in the panel."}]},{"type":"paragraph","content":[{"type":"text","text":"No CMS? Leave the slot empty and type Top level, Menu links and Featured cards. Links and cards join a menu when their Item key matches its Key. Demo cards use colour blocks; add your own images in Cards."}]},{"type":"paragraph","content":[{"type":"text","text":"Mobile below is applied from the first paint for values in 10 px steps; other typed values switch right after the page loads."}]},{"type":"paragraph","content":[{"type":"text","text":"Keyboard: Arrow Down opens a menu, Up and Down walk its own links, Left and Right move along the bar, Escape closes and returns focus. Links inside your Promo layer are reached with Tab. Opens on hover or click. Reduced motion is respected."}]},{"type":"paragraph","content":[{"type":"text","text":"The canvas shows the closed bar; open menus in Preview or on the published site."}]}]},"introduction":"Catalogue nav with featured cards","slug":"aisol-catalogue-nav","author":{"framerUserId":"82d016d2-8113-4080-8f2a-7c3796dceab4","name":"ulz song","slug":"ulz-song","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/82d016d2-8113-4080-8f2a-7c3796dceab4/cyjym4k1","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/82d016d2-8113-4080-8f2a-7c3796dceab4/01a063fd-094f-77e8-a487-38e29d17a49a.jpg","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1440,"height":663}}],"post":null,"createdAt":"2026-09-02T21:18:58.430Z","updatedAt":"2026-10-03T12:41:09.957Z","publishedAt":"2026-09-02T21:18:58.427Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://thistle-timing-694660.framer.app/commerce-mega-menu","price":"12","paymentUrl":"https://payhip.com/b/qcOUl","workshop":false,"categories":[{"id":"4c691677-c621-4041-a908-cbc2d3272658","name":"Navigation","slug":"navigation"}],"lastSaveId":"QBH1haNuZQrEwYYsjBfZ","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":0,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-02T21:18:58.998Z","updatedAt":"2026-09-02T21:18:58.998Z","reported":false}}],"$L5f"]

Suggested for you