Checkout button block


Setting Description
Button color style (“Check Out” button)

This setting allows you to choose the color style for the “Check Out” button.

Available options:

  • Primary
  • Secondary

To customize the colors for button styles, go to Theme Settings > Buttons. Changes made there will apply across the entire theme.

Button style

You can choose from four different button styles:

  • Default: Solid background with text.
  • Default with icon: Same as Default, plus an icon. Add icon in Theme Settings > Buttons > Add icon to inline button option by pasting SVG code. For detailed steps on adding an SVG icon, see the “Buttons” article in Theme Settings, and look for the “Add icon to inline button” option. For example, you can use an arrow icon.
  • Outline: Transparent background with colored outline and text.
  • Outline with icon: Outline style with an icon. Add icon the same way as Default with icon style.
Show “Clear cart” button Toggle the switch to show the button. The ‘Clear Cart’ button allows removing all chosen products from the Cart Page.
“Clear cart” button color style

This setting allows you to change the color style of the “Clear Cart” button.

Available options:

  • Primary
  • Secondary
Button style

You can choose from four different button styles:

  • Default: Solid background with text.
  • Default with icon: Same as Default, plus an icon. Add icon in Theme Settings > Buttons > Add icon to inline button option by pasting SVG code. For detailed steps on adding an SVG icon, see the “Buttons” article in Theme Settings, and look for the “Add icon to inline button” option. For example, you can use an arrow icon.
  • Outline: Transparent background with colored outline and text.
  • Outline with icon: Outline style with an icon. Add icon the same way as Default with icon style.
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