Link list
Add a column of links, the classic mega menu block, with optional icons, images and badges.
A heading and a list of links, split into one or more columns. Use it for categories, brands, sizes or any list of pages.
Add the block
-
Pick a layout
In the mega menu panel of the preview, click Add block. Click Link list, hover over a layout and click Select.
(1) Click Link list, (2) pick a layout. -
Add the links
Click Add items under the list in the preview or in the Elements list. Click the block to open Edit Item and fill in each link; click Remove to delete one.
The Link list block in the preview, with its settings in Edit Item. -
Save and publish
Click Save, then Publish.
Layouts
The Link list tab starts with four special layouts: Hover image links, Feature list, Feature list row and Button. See Hover image links, Feature list and Button. The classic link list layouts are:
- 2 columns
- A heading with the links split into 2 columns.
- 3 columns
- A heading with the links split into 3 columns.
- Simple
- A heading with one column of links.
- Links with icon
- An icon in front of each link.
- Links with image
- A small image in front of each link.
Settings
Block
- Width
- How much of the mega menu row the block takes: Auto or 8.33% to 100%.
- Number of columns
- Spreads the links across 1 to 6 columns.
- Background color
- Background of the whole block.
- Visibility
- Hide on desktop, Hide on mobile, Hide when logged in, Only show when logged in, Schedule publishing. See Settings every block has.
- Extra classname
- Under Advanced. A CSS class for Custom CSS.
Each link
- Is heading
- Styles the link as a column heading. A heading without a link shows as plain text.
- Icon
- An icon shown before the link. See Menu item icons.
- Icon width
- Appears when the icon is an uploaded image: Auto or Custom (%, px, em or rem).
- Title
- The link text.
- Link
- Search for a page, product, collection or blog post, or paste a URL. Tick Open in new tab to open it in a new tab.
- Image icon / Image width
- In layouts with images, such as Links with image: the small image in front of the link and its size (Auto or Custom).
- Description
- A short line of text under the link.
- Badge
- A small label, such as “New” or “Sale”, next to the link. Turn on Toggle badge, then set Badge title, Badge text color and Badge background color.
Tips
- Put one link with Is heading at the top of each list.
- End the list with a View all link that points to the whole collection.
Was this helpful?
Thanks for your feedback! Tell us what was missing
Report an issue