Customizing Text Appearance on Shop and Product Pages
You can use the PrestaShop Text Before and After Price module to customize text appearance on shop and product pages. The module allows store owners to make key messages, promotions, or details more visible and appealing to customers. Make the important information stand out by adjusting the placement, color, and style of the text.
Follow the step-by-step guide here:
1. Install the PrestaShop Text Before and After Price module by Addify.
2. Navigate to “Modules” in your PrestaShop backend, and locate the installed module. Click on it to open the settings.
3. Go to the General Settings tab. Toggle the option to enable the module, which activates its features on your store. Click Save to apply the changes.
4. In the module’s settings, select the Rules tab to start configuring custom text options. Click Add New Rule to define where and how the text will appear.
5. Configure the rule details:
Enable the Rule: Ensure the rule is activated so that it applies based on your configurations.
Title: Provide a clear, descriptive name for the rule to easily identify it later.
Priority: Assign a numeric value (greater than 0) to set the rule’s priority. Higher numbers mean the rule is applied first if multiple rules exist.
6. Customization Options:
Display Text: Select where the text will be shown:
- Shop Page: Display the custom text on the main product listing pages.
- Product Page: Show the text on individual product detail pages.
- Both: Apply the text on both shop and product pages.
7. Choose Text Placement:
Text Placement: Decide where the text will be placed:
- Before Price: Display the text before the product price.
- After Price: Show the text after the product price.
- Both: Add custom text both before and after the price.
8. Enter Custom Text:
Text Before Price: Input the text to be displayed before the price (e.g., “Starting From”).
Text After Price: Specify the text to be shown after the price (e.g., “Incl. VAT”).
9. Customize Appearance:
Text Color: Choose a color that matches your store’s theme.
Background Color: Select a background color to make the text stand out.
Font Selection: Pick from multiple font styles to match your store’s design.
Text Styling: Apply formatting options like Bold or Italic to emphasize the text.
10. Provide the necessary details for the rule.
11. Once all configurations are done, click Save to activate the rule.