The Link with icon block shows a short line of small text with an icon before it and an optional highlighted note after it. It is made for lists of quick links. To add one, click Add block in a Section, Card rail, Contact form, Offcanvas drawer, Orbit, Share, Subscription or Video section, or inside a Group block or Columns block, and select Link with icon. The Offcanvas drawer section comes with five of them in a Group block, such as Shop coffee with a bag icon.
With Icon set to Leaf and New in Badge, the label New arrivals shows a leaf before it and NEW after it.
Settings
Setting
What it does
Label
The text, Shop all by default. With an empty label, the block does not show.
Link
The page it opens. Without a link, the line shows as plain text that customers cannot click, for a fact such as Free delivery over $50.
Icon
An icon before the label, in the lighter secondary text color. None is the default. The choices are Bag, Box, Cart, Clock, Cup, Eye, Heart, Leaf, Note, Search, Share and Truck.
Badge
A short note after the label, such as Save 10%, in capital letters filled with the Accent gradient from Color settings. It is a line of text, not the round seal of the Badge block.
Width
The column the line sits in. Text column is a centered column up to 864 px wide. Page width, the default, matches Page width in Layout settings. Full width runs from edge to edge of the section.
To show several links in a list or in a row, put them in a Group block and set its Layout direction and Gap.
The Link with icon block shows a short line of small text with an icon before it and an optional highlighted note after it. It is made for lists of quick links. To add one, click Add block in a Section, Card rail, Contact form, Offcanvas drawer, Orbit, Share, Subscription or Video section, or inside a Group block or Columns block, and select Link with icon. The Offcanvas drawer section comes with five of them in a Group block, such as Shop coffee with a bag icon.
With Icon set to Leaf and
Newin Badge, the label New arrivals shows a leaf before it and NEW after it.Settings
Setting
What it does
Label
The text,
Shop allby default. With an empty label, the block does not show.Link
The page it opens. Without a link, the line shows as plain text that customers cannot click, for a fact such as
Free delivery over $50.Icon
An icon before the label, in the lighter secondary text color. None is the default. The choices are Bag, Box, Cart, Clock, Cup, Eye, Heart, Leaf, Note, Search, Share and Truck.
Badge
A short note after the label, such as
Save 10%, in capital letters filled with the Accent gradient from Color settings. It is a line of text, not the round seal of the Badge block.Width
The column the line sits in. Text column is a centered column up to 864 px wide. Page width, the default, matches Page width in Layout settings. Full width runs from edge to edge of the section.
To show several links in a list or in a row, put them in a Group block and set its Layout direction and Gap.