Buttons

First button label

Decide whether the section includes a button:

  • To display the button, enter text into the field as the label.
  • To hide the button, leave the text field empty.
First button link (paste a link or search) Input the URL you want the button to direct to, or select a page from the dropdown list of options that appears when you click on the field. Also, you can click the source button to add a dynamic source as a URL.
Button style In Shopify, Button style can be customized by using the primary and secondary button color sets, which are defined in the theme settings. These color sets allow you to style buttons consistently across your store.
Button outline

None: The button has no outline. It appears flat, with just the background color and text, giving it a clean, minimal look.

Outline: The button has a visible border around it, but the background is transparent.

Outline on Hover: The button appears flat without a border or background initially. However, when the user hovers over it, a visible border appears, and the button's background remains transparent.

Second button label

Decide whether the section includes a second button:

  • To display the button, enter text into the field as the label.
  • To hide the button, leave the text field empty.
Second button link (paste a link or search) Input the URL you want the button to direct to, or select a page from the dropdown list of options that appears when you click on the field. Also, you can click the source button to add a dynamic source as a URL.
Button style In Shopify, Button style can be customized by using the primary and secondary button color sets, which are defined in the theme settings. These color sets allow you to style buttons consistently across your store.
Button outline

None: The button has no outline. It appears flat, with just the background color and text, giving it a clean, minimal look.

Outline: The button has a visible border around it, but the background is transparent.

Outline on Hover: The button appears flat without a border or background initially. However, when the user hovers over it, a visible border appears, and the button's background remains transparent.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us