Skip to content
Install app
English

Link list

Add a column of links, the classic mega menu block, with optional icons, images and badges.

Reference All plans 2 min read

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

  1. 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.
  2. 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.
  3. 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

WidthDefault: Depends on the layout
How much of the mega menu row the block takes: Auto or 8.33% to 100%.
Number of columnsDefault: 1 (2 or 3 for the column layouts)
Spreads the links across 1 to 6 columns.
Background colorDefault: Transparent
Background of the whole block.
VisibilityDefault: Off
Hide on desktop, Hide on mobile, Hide when logged in, Only show when logged in, Schedule publishing. See Settings every block has.
Extra classnameDefault: Empty
Under Advanced. A CSS class for Custom CSS.
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.
BadgePro
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?

Report an issue