Customizing the Font Size and Color for Prices and Labels
The PrestaShop Show Dual Prices Module allows you to fine-tune the appearance of prices and their associated labels. This customization ensures that the displayed information aligns with your store’s visual design and is easy to read for customers. Below are the detailed options for configuring font sizes and colors:
Step-by-Step Guide to Customizing Font Size and Color
1. Install and Activate the Module
Download and install the PrestaShop Show Dual Prices – Inclusive & Exclusive of Taxes module.
Enable the module in the General Settings tab.
2. Access the Customization Options
Navigate to the Rules Tab and select or create a new rule.
Go to the Font Size and Color Settings section to begin customizing.
3. Enable the Default Layout (Optional)
If you want to use the module’s default layout for product pages, toggle the Default Layout for Product Page option.
4. Customize Font Size and Color for Prices
Adjust the font size and color for tax-inclusive and tax-exclusive prices:
Product Listing:
- Set the Font Size of Price Included and Font Size of Price Excluded.
- Choose the colors for Included Price Color and Excluded Price Color.
Product Page:
- Define the Font Size of Price Included and Font Size of Price Excluded.
- Select colors for Included Price Color and Excluded Price Color.
5. Customize Font Size and Color for Labels
Modify the labels for tax-inclusive and tax-exclusive prices:
Product Listing:
- Adjust the Font Size of Price Included Label and Font Size of Price Excluded Label.
- Set the colors for Included Label Color and Excluded Label Color.
Product Page:
- Define the Font Size of Price Included Label and Font Size of Price Excluded Label.
- Choose the colors for Included Label Color and Excluded Label Color.
6. Preview Changes
Before saving, preview how the prices and labels appear on your store.
7. Save the Settings
Once you are satisfied with the adjustments, click the Save button to apply the changes.
