Mega menu: tabs block
Turns one top-level menu item into a mega menu: its sub-items become tabs, and the links under each tab are shown as cards. Add the block under the Header section with Add block.
Block settings
| Setting | Description |
|---|---|
| Menu item title | Title of the top-level item from the menu selected in Header → Navigation that should open as a mega menu. Type it exactly as written in Navigation (default language). The item must have sub-items. If nothing matches, the item keeps the standard dropdown. |
| Cards per row | Number of cards shown in one row inside a tab on desktop. Range: 2–5. Default: 4. |
| When cards don't fit in one row | Scroll horizontally (arrows) keeps cards in one row and adds arrows to scroll. Wrap into rows moves extra cards to the next row. Default: Scroll horizontally (arrows). |
| Mobile layout | Standard list shows the usual expandable list of links in the mobile menu. Cards shows the links as cards. Default: Standard list. |
| Mobile cards per row | Number of cards per row on mobile: 1 or 2. Available only when Mobile layout is Cards. Default: 2. |
| Show “Shop all” link | Shows a “Shop all” link in the mega menu. Default: On. |
| “Shop all” label | Text of the link. Available only when the link is shown. Default: Shop all. |
| “Shop all” button style | Style of the link: Primary, Secondary or Inline. Available only when the link is shown. Default: Inline. |
| “Shop all” button icon | Icon next to the label: None, Dot, Square, Triangle, Arrow, Caret or Carets. Available only when the link is shown. Default: Arrow. |
| Icon position | Places the icon to the left or right of the label. Available only when the link is shown and an icon is selected. Default: Right. |