Plugin Details
Home / Plug-in market / Album List Decoration Module
Album List Decoration Module
Collection List Decoration Module
Overview
Collection List is a plugin that adds a collection list display module to the admin "Design → Decoration" builder. You can pick several product categories as "collections" and display each collection's cover image and title in a grid or carousel layout on the storefront. Clicking takes you to the corresponding product category page. Rich visual customization options (cover shape, crop ratio, title position) allow you to easily create a collection navigation area that matches your brand style.
Key Features
🏷️ Collection Card Display
| Feature | Description |
|---|---|
| Collection selection | Pick any product categories as collections – supports drag-and-drop sorting |
| Cover display | Automatically pulls collection cover images – smooth hover zoom effect |
| Title position | Can be overlaid on cover / displayed below cover / hidden |
| Click to navigate | Click a card to go to the corresponding collection's product category page |
🎨 Rich Visual Customization Options
| Option | Choices | Description |
|---|---|---|
| Cover shape | Square / Rounded / Circle | Rounded corners adjustable; Circle forces 1:1 ratio |
| Cover height (crop ratio) | Auto crop (1:1) / Landscape (4:3) / Portrait (3:4) | Disabled when Circle shape is selected |
| Collection title | On the cover / Below the cover / Hidden | Titles on cover include gradient overlay for better readability |
📐 Layout Configuration Options
| Option | Description |
|---|---|
| Display mode | Tile (grid) / Carousel (Swiper slide) |
| Title | Main module title (multi-language support) |
| Short description | Module description text (rich text support) |
| Items per row (PC) | Configurable from 2 to 6 columns |
| Items per row (Mobile) | Configurable from 1 to 3 columns |
| View More button | Custom text and link |
| Module width | Narrow (container) / Wide (container-fluid) / Full width (w-100) |
Technical Features
-
✅ Two display modes : Tile (grid) and Carousel (Swiper) – freely switchable
-
✅ Flexible cover shapes : Square / Rounded / Circle – adapts to different visual preferences
-
✅ Selectable crop ratios : 1:1 / 4:3 / 3:4 – adapts to different cover images
-
✅ Three title position options : Overlaid on cover / Below cover / Hidden
-
✅ Responsive grid : 2–6 columns on PC, 1–3 columns on mobile – automatically adapts
-
✅ Carousel support : Based on Swiper – supports touch sliding, navigation arrows, and pagination dots
-
✅ Hover zoom effect : Cover image smoothly zooms on hover
-
✅ Preview mode friendly : Automatically displays placeholder cards in design preview – WYSIWYG
-
✅ Drag-and-drop sorting : Collection list supports drag-and-drop reordering
-
✅ Any theme compatible : Frontend views are plugin-bundled – completely independent rendering
-
✅ Full design editor support : Real-time preview – collection selection dialog supports search
Use Cases
-
Homepage collection / category navigation
-
Featured product collection showcase
-
Brand zone entry points
-
Seasonal theme recommendations (Spring-Summer/Fall-Winter/Holiday Limited)
-
Category shopping guide area
