Plugin Details
Home / Plug-in market / Recommended Collection Decoration Module
Recommended Collection Decoration Module
Recommend Album Decoration Module
Overview
Recommend Album is a plugin that adds a recommended album display module to the admin "Design → Decoration" builder. The module consists of two parts: one side is an album promo banner (featuring an album cover image, title, short description, and a "Shop Now" button), and the other side is a product grid (with discount ribbons). Products can come from two sources: manually selected products (taking priority) or automatically pulled from the chosen album category. The layout can be switched between products-left and products-right. Perfect for homepage album recommendations, promotional zone displays, brand showcases, and similar use cases.
Key Features
📦 Album Banner + Product Grid
| Area | Content | Description |
|---|---|---|
| Album banner | Cover image + Title + Description + "Shop Now" button | Button links to the selected album category page |
| Product grid | Product cards with discount ribbons | Supports manual product selection or auto-pull from album |
🎯 Two Product Sources
| Source | Description |
|---|---|
| Select album | Choose a product category – automatically displays products from that category |
| Select products | Manually search and pick products – supports drag-and-drop sorting – takes priority over album products |
📐 Flexible Configuration Options
| Option | Description |
|---|---|
| Layout | Products on the right / Products on the left (banner on the opposite side) |
| Title | Banner main title (multi-language support) |
| Short description | Banner description text (rich text support) |
| Button title | "Shop Now" button text (multi-language support) |
| Total products | Configurable from 1 to 50 products |
| Items per row (PC) | Configurable from 2 to 6 columns |
| Items per row (Mobile) | Configurable from 1 to 3 columns |
| Module width | Narrow (container) / Wide (container-fluid) / Full (w-100) |
🛒 Product Card Features
| Feature | Description |
|---|---|
| Discount ribbon | Automatically calculates discount percentage – displayed as a brand-color flag-shaped ribbon (X% OFF) |
| Price display | Sale price + struck-through original price |
| Login-based price display | Follows system settings – can hide prices for non-logged-in users |
| Image hover zoom | Product image smoothly scales on hover |
🎨 Album Banner Features
| Feature | Description |
|---|---|
| Cover background | Album cover image as background – text card centered and overlaid |
| Card style | White card centered with shadow effect |
| Responsive design | Automatically stacks banner on top, products below on mobile |
Technical Features
-
✅ Flexible dual-layout switching : Products on the right / Products on the left – adapts to different design needs
-
✅ Dual product sources : Manually selected products (priority) or auto-pulled from album category
-
✅ Product drag-and-drop sorting : Manually selected products support drag-and-drop reordering
-
✅ Responsive grid : 2–6 columns on PC, 1–3 columns on mobile – automatically adapts
-
✅ Auto-calculated discount ribbon : Automatically calculates and displays discount percentage based on original and sale price
-
✅ Smart price display : Follows system "show price after login" configuration
-
✅ Album selector : Popup category selector with search support
-
✅ Product multi-selector : Popup product selector with search and multi-select support
-
✅ Any theme compatible : Frontend views are plugin-bundled – styles use CSS variables to adapt to themes
-
✅ Full design editor support : Real-time preview – intuitive album and product selectors
Use Cases
-
Homepage album/category recommendations (e.g., "Summer Picks" + product grid)
-
Brand zone showcase (brand story + best-selling products)
-
Promotional campaign zone (campaign introduction + promotional products)
-
New product launch area (new product album + new product list)
-
Content + product combination marketing
