Articles on: Advanced Product Logic

Price Display

Swatches can optionally display product pricing directly inside the component, making it easier for customers to compare options without opening each product.

Supported pricing features:


  • Regular price display
  • Compare-at price with strikethrough when the product is on sale
  • Price range indicator, which adds a “+” suffix when the product contains multiple variant prices (for example, $19.99+)
  • Fully configurable font size, font weight, text color, alignment, and spacing from the visual settings


Price visibility can be enabled or disabled per swatch type and per context (product page or product card), giving full control over how pricing appears across your storefront.

Updated on: 18/02/2026

Was this article helpful?

Share your feedback

Cancel

Thank you!