Skip to main content

Show Variants as Buttons with Price

Discover how to display your Shopify Variants as buttons accompanied by pricing information.

Updated over 11 months ago

Give your customers a clear and convenient way to view pricing with each variant by showcasing your Shopify variants as buttons accompanied by pricing details.
​
Follow this straightforward process to enhance the user experience on your product pages.
​

Step 1: Navigate to Shopify variants page

  • Click on Shopify variants in the side navigation of the Swatch King dashboard.

Step 2: Choose 'Button with Price' Display Style

  • Locate the product option you wish to display as "buttons with price."

  • In the Product page style column, select Button with Price to showcase variants with integrated pricing.

  • If you aim to refine the button design further, the Product page styles section is your next stop. Check out our guide for in-depth customization options.


Displaying variant buttons with prices allows customers to quickly discern the cost differences between options, aiding swift and savvy shopping decisions.

Did this answer your question?