Plugin Details
Home / Plug-in market / Album Navigation List Decoration Module
Album Navigation List Decoration Module
Album Navigation List Decoration Module
Overview
Album Navigation List is a plugin that adds an album navigation list display module to the admin "Design → Decoration" builder. Each card pairs a product category (album) cover image and title with a set of customizable second-level navigation links, allowing clicks to navigate to the corresponding category page or custom link target. This layout is ideal for category navigation, product collection recommendations, or category shopping guides on the homepage.
Key Features
🎯 Album Navigation Cards
| Feature | Description |
|---|---|
| Album selection | Select any product category as the album source for each card |
| Cover display | Automatically pulls the album cover image with hover zoom effect |
| Album link | Click the cover or title to navigate to the album's product category page |
| Second-level link groups | Each card supports multiple customizable link groups (multi-language support) |
| Background color | Each card can have its own independently set background color |
📝 Content Configuration Options
| Option | Description |
|---|---|
| Title | Main module title (multi-language support) |
| Short description | Module description text (rich text support) |
| View more | Bottom "View More" button text (multi-language support) |
| View more link | Button navigation link (supports internal/external links) |
| Items per row (PC) | Configurable from 1 to 4 columns |
| Items per row (Mobile) | Configurable from 1 to 2 columns |
| Module width | Narrow (container) / Wide (container-fluid) / Full width (w-100) |
🔗 Second-Level Link Configuration
Each album card can have multiple second-level links, each supporting:
-
Link type: Product Category, Product, Brand, Single Page Article, Custom Link, etc.
-
Link text: Multi-language support; automatically falls back to entity name when empty
-
Open in new window: Option to open links in a new tab
Technical Features
-
✅ Image-text card layout : Left album cover (1:1 ratio) + right album title and second-level link list
-
✅ Responsive grid : 1–4 columns on PC, 1–2 columns on mobile – automatically adapts
-
✅ Mobile optimization : When displaying 2 columns per row on mobile, cards automatically switch to vertical layout (cover on top, text below)
-
✅ Smart link resolution : Automatically handles internal entity links and external custom links – hides automatically when content is empty
-
✅ Preview mode friendly : Automatically displays placeholder cards and sample second-level links in design preview
-
✅ Sortable second-level links : Second-level links within each album support drag-and-drop reordering
-
✅ Drag-and-drop sorting : Album cards themselves support drag-and-drop reordering
-
✅ Any theme compatible : Frontend views are plugin-bundled – completely independent rendering
-
✅ Full design editor support : Real-time preview – album selection dialog supports search
Use Cases
-
Homepage category navigation (Men/Women, Electronics, Home & Living, etc.)
-
Product collection recommendations (Summer Picks, New Arrivals)
-
Content navigation (Help Center, Blog Categories)
-
Brand showcase (Brand list + secondary entry points)
-
Multi-level category shopping guides
