Button

A single button with a label, link, style and new tab option.

Where it is used

This is a standalone block. It can be added inside the Popup link block (popup-link.liquid). No section in the package places it. It appears in the default content of the page.about.json, collection.json and list-collections.json templates.

Settings

View the block guide .

Setting	Options	Description
First button label		Text on the button. The block shows nothing when this is empty.
First button link		Page the button opens. Without a link the button still appears but is disabled.
First button style	• Primary • Outline • Link	Primary is a solid button and Outline has a border only. Link shows the label as a plain text link without a button shape.
Open first button link in new tab		Opens the button link in a new browser tab.

Size

Setting	Options	Description
Width	• Fit • Fill • Custom	Fit sizes the button to its label, Fill stretches it across the available width, and Custom uses the percentage set below.
Custom width		Button width as a percentage of the available width on desktop. Shown only when Width is Custom.
Width on mobile	• Fit • Fill • Custom	Same choices as Width, applied on mobile screens.
Custom width on mobile		Button width as a percentage of the available width on mobile. Shown only when Width on mobile is Custom.

Spacing

Setting	Options	Description
Top padding		Space above the button, in pixels.
Bottom padding		Space below the button, in pixels.

Width sets the button width on desktop, and Width on mobile sets it on handheld screens. Fit sizes the button to its label, Fill spans the full width, and Custom uses the percentage you enter.