Plugin Details
Home / Plug-in market / Promotion Grid Decoration Module
Promotion Grid Decoration Module
Promo Grid Decoration Module
Overview
Promo Grid is a plugin that adds a promotional grid display module to the admin "Design → Decoration" builder. The left side is an auto-playing image carousel, and the right side holds two promotional album cells (each with an image, title, and link). The storefront displays the two sides in a responsive split layout, automatically stacking them vertically on mobile. Perfect for homepage promotional campaigns, hot product recommendations, brand zone entries, and similar use cases.
Key Features
🖼️ Split-Layout Design
| Area | Content | Description |
|---|---|---|
| Left side | Image carousel | Supports multiple auto-scrolling images — configurable pagination dot color, autoplay toggle, and interval |
| Right side | Two promotional album cells | Each with image, title, and link — fully customizable |
🎠 Left Carousel Features
| Feature | Description |
|---|---|
| Title | Customizable carousel area title (multi-language support) |
| Pagination dot color | Customizable pagination dot color |
| Autoplay | Toggle autoplay on/off |
| Carousel interval | Configurable from 1 to 10 seconds |
| Infinite loop | Automatically loops infinitely when multiple images are added |
📦 Right Promotional Album Features
| Feature | Description |
|---|---|
| Two independent cells | Independently configurable images, titles, and links |
| Image ratio | Recommended ratio 2:1 (e.g., 1000×500px) |
| Overlaid title | Title displayed at the bottom of the image with gradient overlay for better readability |
| Hover effect | Image smoothly scales on hover |
| Link support | Supports internal/external links — optional "open in new window" |
📐 Configuration Options
| Option | Description |
|---|---|
| Module width | Narrow (container) / Wide (container-fluid) / Full (w-100) |
| Left title | Carousel area title (multi-language support) |
| Right title | Promotional album area title (multi-language support) |
| Pagination dot color | Custom carousel pagination dot color |
| Autoplay toggle | Enable/disable auto-scrolling |
| Carousel interval | Configurable from 1 to 10 seconds |
| Carousel slides list | Supports multiple images — drag-and-drop sortable |
| Promo album 1/2 | Independently configurable images, titles, and links |
Technical Features
-
✅ Responsive split layout : Equal-width columns on PC — automatically stacks vertically on mobile
-
✅ Left carousel : Built with Swiper — supports autoplay, pagination dots, and infinite loop
-
✅ Right album cards : Image background with overlaid title — image scales on hover
-
✅ Customizable pagination dots : Supports custom carousel pagination dot color
-
✅ Equal-height columns : Left and right sides automatically align in height — right side two cells are equally distributed
-
✅ Any theme compatible : Frontend views are plugin-bundled — styles use CSS variables to adapt to themes
-
✅ Full design editor support : Real-time preview — both carousel slides and albums are previewable
Use Cases
-
Homepage promotional campaign display (featured campaign carousel on left + entry points on right)
-
Hot products / brand recommendation area
-
Seasonal / holiday promotional zone (main campaign left + supporting entries right)
-
Content promotion block (carousel news left + topic entries right)
-
Brand story / corporate culture showcase
