Plugin Details
Home / Plug-in market / Product Carousel Module
Product Carousel Module
Product Carousel Module
Overview
Product Scroll is a plugin that adds a product scrolling display module to the admin "Design → Decoration" builder. It automatically pulls products from a selected category (album), or by most viewed/best selling rankings, or manually selected products, and displays them in a seamless horizontal auto-scrolling marquee.
Key Features
🎯 Four Product Sources
| Source | Description |
|---|---|
| By category | Automatically pulls the latest products from a selected product category |
| Pick products | Manually search and select specific products to display |
| Most viewed | Automatically pulls products by highest view count |
| Best selling | Automatically pulls products by highest sales volume |
📐 Rich Configuration Options
| Option | Description |
|---|---|
| Title & Subtitle | Multi-language support; leave empty to hide |
| Total products | Configurable from 1 to 50 products |
| PC image size | Adjustable from 80px to 320px |
| Mobile image size | Adjustable from 60px to 240px |
| Scroll speed | Adjustable from 5 seconds to 120 seconds |
| Module width | Narrow (container) / Wide (container-fluid) / Full width (w-100) |
🛒 Product Card Display Content
-
Product image (lazy-loaded, with hover zoom effect)
-
Product name (supports 2-line truncation)
-
Product price (original + sale price, follows system price display rules)
Technical Features
-
✅ Seamless Marquee Animation : Products auto-scroll horizontally in a loop; pauses on hover
-
✅ Double Copy Mechanism : Two copies of the product list for smooth seamless scrolling
-
✅ Responsive : Independent image size configuration for PC and mobile
-
✅ Performance Optimized : Lazy-loaded images, CSS variables for styling
-
✅ Respects Reduced Motion : Follows system
prefers-reduced-motionsetting, degrades to static display -
✅ Self-contained Styles : Styles are inline within the module fragment, works for both admin AJAX preview and frontend
-
✅ Price Display Logic : Follows system "show price after login" configuration
Use Cases
-
Bestseller product recommendations
-
New product showcase
-
Hot-selling / popular product carousel
-
Category product display wall
-
Homepage promotional product area
