Button
The Button block lets you add one or two call-to-action buttons to direct customers to important pages, such as sign-in or account creation,... You can customize the label, link, style, and whether the link opens in a new tab.
.png)
General settings
| Setting | Description |
|---|---|
| Button label | The text displayed on the button (e.g., "Shop Now," "Learn More"). Default is "Button label." |
| Button link | The URL the button navigates to when clicked. This can be an internal page, product, or an external website link. |
| Type | The style of the button
|
| Open link in new tab | Use this option to keep users on your store while allowing them to explore external or additional content. |
Purity theme supports three predefined button styles. You can select the desired style in the theme settings to match your store’s design requirements:
Size
These settings control the width the button block occupies within the section.
| Setting | Applies To | Description |
|---|---|---|
| Width | Desktop | Defines the width of the button block on larger screens:
|
| Mobile width | Mobile | Defines the width of the button block on smaller screens:
|
Spacing
These settings control the external spacing (padding) applied directly above and below this specific block.
| Setting | Description |
|---|---|
| Top | Sets the amount of empty space (padding) above this button block. Measured in pixels (px) (Range: 0px to 100px). |
| Bottom | Sets the amount of empty space (padding) below this button block. Measured in pixels (px) (Range: 0px to 100px). |
No comments yet