Order Thank You Effects | PrestaShop Module

Order Thank You Effects for PrestaShop

A PrestaShop module that displays beautiful celebration effects when customers complete their orders. It enhances the user experience by adding visual feedback that makes the purchase completion feel more rewarding and engaging.

🚀 Features

Core Functionality

• Multiple Celebration Effects: Includes confetti, fireworks, stars, and more.
• Easy Configuration: Simple setup through the admin panel.
• Customizable Animations: Adjust the duration (1-10 seconds) and particle count (50-500) of the effects.
• Live Preview: See your changes in real-time with the live preview functionality.
• Multi-language & Responsive: Supports multiple languages and works on all devices.

📋 Requirements

• PrestaShop: 1.7.x or higher
• PHP: 7.2 or higher
• Browser: A modern web browser with JavaScript support.

🔧 Installation

Follow these steps to install the module:

1. Upload the module files to your PrestaShop modules directory
2. Go to Modules > Module Manager in your admin panel
3. Search for Order Thank You Effects
4. Click Install button
5. Configure the module settings

🎯 Configuration

After installation, you can configure the module settings from your admin panel.

Setting	Description
Enable Effects	Turn the celebration effects on or off globally.
Effect Type	Choose from various celebration effects like confetti, fireworks, and stars.
Duration	Set how long the effect will last, from 1 to 10 seconds.
Particle Count	Control the number of particles displayed, from 50 to 500.

Εξαγωγή στα Υπολογιστικά φύλλα

🎨 Available Effects

Effect	Description
🎊 Basic Cannon	Classic confetti cannon effect with colorful particles shooting from the center.
💖 Valentine's Day	Romantic hearts and pink colors for love-themed celebrations.
⭐ Stars	Sparkling star effects with golden colors creating a magical atmosphere.
🎆 Fireworks	Spectacular firework displays with multiple colors and explosive patterns.
🏫 School Pride	Team colors celebration, shooting from both sides of the screen.

Εξαγωγή στα Υπολογιστικά φύλλα

🛠️ API Reference

JavaScript Functions

• startOrderThankYouEffect(): Starts the configured celebration effect based on the current settings.
• launchSchoolPride(): Launches the school pride effect with confetti shooting from both sides.

Configuration Variables

The global configuration object window.orderThankYouConfig contains the current effect settings.

{
    effect: 'school_pride',
    duration: 3,
    particleCount: 150
}

🐛 Troubleshooting

Common Issues

• Effects not showing on frontend
  • Check if the module is enabled in the configuration.
  • Verify that JavaScript files are loading correctly.
  • Check the browser console for JavaScript errors.
• Confetti only appears in the center
  • Ensure you're using the correct confetti library version.
  • Check CSS positioning rules for conflicts.
  • Verify origin coordinates are set correctly (e.g., x: 0 and x: 1 for side effects).
• Performance issues
  • Reduce the particle count in the module configuration.
  • Decrease the effect duration.
  • Test on different devices and browsers to isolate the issue.