Button

Reference All plans 1 min read

One clear call to action, such as “Shop all” or “Book a fitting”. Use it under a group of link lists to send shoppers to the full collection, or alone in a narrow column.

Add the block

1. Pick the layout

   In the mega menu panel of the preview, click Add block. Click Link list, hover over Button and click Select. It starts as “Shop all”, linking to all products.

   

   (1) Click Link list, (2) pick Button.

2. Set the label and link

   In Edit Item, under General, enter the Label and choose the Link.

   

   The Button block in the preview, with its settings in Edit Item.

3. Save and publish

   Style it under Style, then click Save and Publish.

Settings

General

LabelDefault: Shop all

Text on the button.

LinkDefault: /collections/all

Where the button goes (all products by default). Tick Open in new tab if needed.

WidthDefault: 100%

How much of the mega menu row the block takes: Auto or 8.33% to 100%.

Style

StyleDefault: Solid

Solid (filled button), Outline (border only) or Link (text link).

AlignmentDefault: Left

Left, Center or Full (stretches the button across the block).

Button colorDefault: #111827

Color of the button.

Text colorDefault: #FFFFFF

Color of the label.

Visibility works as on every block; see Settings every block has.

Tips

• At 100% width, the button gets its own row below the other blocks. Set Alignment to Center to center it under the whole mega menu.
• Use Outline or Link when the mega menu already has a promo banner, so the two don’t compete for attention.

Related pages

• Link listAdd a column of links, the classic mega menu block, with optional icons, images and badges.
• Promo bannerAdd a banner with a heading, text and button to promote a sale or a new collection.
• Blocks overviewAdd blocks such as links, images, products and countdowns to a mega menu or tab.

Was this helpful?

Report an issue