1. Accessing Customizations
Click the Customizations tab in the left-hand menu. This is your design studio for all customer-facing elements.
2. Styling the Pricing Widget
This widget shows the "Was/Is" price on your product pages:
Font Styles: Choose a font that matches your theme.
Colors: Change the "Original Price" color (usually gray) and the "Discounted Price" color (usually red or bold black) to catch the eye.
Layout: Adjust the size and spacing so it fits perfectly next to your "Add to Cart" button.
3. Customizing the Badge
The badge is the small label (e.g., "-20%" or "SALE") that appears over product images:
Shape & Background: Choose between rounded, square, or pill-shaped badges.
Contrast: Use a high-contrast background color (like bright orange or deep green) so it stands out against your product photos.
4. Real-time Preview
As you make changes, use the Live Preview on the right side of the screen. It shows you exactly how the widget will look on a mobile and desktop screen before you hit Save.
Pro Tip: Keep it simple! Using too many different colors can look messy. Stick to 2 brand colors for your discounts to maintain a professional look.