Plugin Details
Home / Plug-in market / Album Tab Decoration Module
Album Tab Decoration Module
Album Tabs Decoration Module
Overview
Album Tabs is a plugin that adds an album tabs display module to the admin "Design → Decoration" builder. It allows you to group several product categories (albums) into different tab groups. On the storefront, these are displayed as switchable tabs – switching a tab reveals the covers and titles of each album in that group, and clicking takes you to the corresponding product category page. This layout is ideal for multi-category recommendations, brand zones, or themed product collections on the homepage.
Key Features
🏷️ Tab Group Display
| Feature | Description |
|---|---|
| Multiple groups support | Create multiple tab groups, each with its own independent album collection |
| Album cover display | Automatically pulls album cover images with hover zoom effect |
| Overlaid album title | Title centered and overlaid on the cover (toggleable) with gradient overlay for readability |
| Click to navigate | Click the cover to go to the album's product category page |
| Configurable switch mode | Supports mouse move (hover) switching or click switching |
📝 Content Configuration Options
| Option | Description |
|---|---|
| Title | Main module title (multi-language support) |
| Short description | Module description text (rich text support) |
| Show album title | Toggle to show/hide the title on album covers |
| Items per row (PC) | Configurable from 2 to 8 columns |
| Items per row (Mobile) | Configurable from 1 to 4 columns |
| Tab switch mode | Mouse move / Click |
| Module width | Narrow (container) / Wide (container-fluid) / Full width (w-100) |
📦 Group & Album Management
| Feature | Description |
|---|---|
| Drag-and-drop group sorting | Tab groups support drag-and-drop reordering |
| Group title | Each group can have its own independent tab title (multi-language support) |
| Multi-select albums | Popup album multi-selector with search and batch selection support |
| Selected album management | Selected albums displayed as tags – supports individual removal |
| Automatic album resolution | Automatically pulls album covers, titles, and navigation links |
Technical Features
-
✅ Tab-based navigation : Clear category labels – click or hover to switch content
-
✅ Responsive grid : 2–8 columns on PC, 1–4 columns on mobile – automatically adapts to different devices
-
✅ Overlaid title on cover : Title elegantly overlaid on album cover with gradient overlay for enhanced readability
-
✅ Hover zoom effect : Cover image smoothly zooms on hover – adds interactive feel
-
✅ Multiple group support : Create multiple tab groups to meet complex content organization needs
-
✅ Album multi-selector : User-friendly popup selection interface with search and batch selection
-
✅ Preview mode friendly : Automatically displays placeholder cards in design preview – WYSIWYG
-
✅ Drag-and-drop sorting : Groups support drag-and-drop reordering
-
✅ Any theme compatible : Frontend views are plugin-bundled – completely independent rendering
-
✅ Full design editor support : Real-time preview – intuitive group/album configuration
Use Cases
-
Homepage multi-category navigation (Women/Men/Kids/Accessories)
-
Brand zone showcase (Nike/Adidas/Puma)
-
Themed product collections (Summer Picks/New Arrivals/Bestsellers)
-
Seasonal recommendations (Spring-Summer/Fall-Winter/Holiday Limited)
-
Content category navigation (Help Center/Blog/Community)
