Elevate your customer's shopping experience by displaying image swatches with accompanying price details. This guide will walk you through setting up image swatches that not only visually represent your product variants but also clearly display their prices.
Step 1: Determine the Product Option and Its Display Style
Identify which product option (e.g., 'color') you'd like to showcase as an image swatch with price.
Ensure it's associated with either the "Polaroid Swatch" or "Swatch in a Box" display styles, as these support price integration for now.
Here's a detailed guide to identify the design style associated with your product option.
Step 2: Access and Customize Your Design Style
Head over to the Style Library to locate the design style linked to your chosen product option.
Select
Customizeon your desired style to proceed with adjustments.
Step 3: Enable Price Display in Variant Info Settings
Within the customization options, navigate to
Variant Info Settings.Tick the
Show pricecheckbox to activate price display on your image swatches.
Implementing these steps transforms your product options into informative image swatches, enhancing the browsing experience by providing customers with essential information seamlessly.
For more detailed instructions on personalizing your swatch display styles, refer to our in-depth guide.