Plugin Details
Home / Plug-in market / Five Images in One Row Decoration Module
Five Images in One Row Decoration Module
Five Images Row Decoration Module
Overview
Five Images Row is a plugin that adds an image-text combination display module to the admin "Design → Decoration" builder. It consists of 1 feature image (long image, supports multiple auto-scrolling slides) and 4 small images, with four layout options (feature left / feature center / feature right / feature on top). Each image can be independently configured with a link and button text. This module is ideal for homepage brand showcases, campaign promotions, category navigation, and more.
Key Features
🖼️ Image-Text Combination Layout
| Feature | Description |
|---|---|
| 1 feature image + 4 small images | Classic 1+4 image combination with clear visual hierarchy |
| Four switchable layouts | Feature left / center / right / on top – flexible for different needs |
| Feature image carousel | Supports multiple auto-scrolling slides (no scroll for single image) – ideal for showcasing multiple campaigns |
| Independent image configuration | Each image can have its own link and button text |
🎨 Layout Options
| Layout | Description | Use Cases |
|---|---|---|
| Feature left | Feature image occupies left side spanning two rows, with 2×2 small images on the right | Highlights the feature image content |
| Feature center | Feature image centered, with 2 small images on each side | Balanced symmetrical appearance |
| Feature right | Feature image occupies right side spanning two rows, with 2×2 small images on the left | Feature image as secondary emphasis, information first |
| Feature on top | Feature image spans full width at the top, with 4 small images in a row below | Horizontal display – ideal for wide images |
📐 Configuration Options
| Option | Description |
|---|---|
| Title | Main module title (multi-language support) |
| Short description | Module description text (rich text support) |
| Module width | Narrow (container) / Wide (container-fluid) / Full width (w-100) |
| Auto scroll | Toggle to enable/disable auto-scrolling of feature image carousel |
| Scroll interval | Configurable from 1 to 10 seconds |
| Feature slides | Supports multiple images – drag-and-drop sortable |
| Small images (4) | Fixed 4 small image slots – each independently configurable |
Technical Features
-
✅ One-click layout switching : Implemented with CSS Grid – no need to reconfigure content
-
✅ Feature image carousel : Built with Swiper – supports multi-image auto-scrolling with pagination dots
-
✅ Responsive design : Automatically stacks feature image on top + 2×2 small images on mobile
-
✅ Independent links & buttons : Each image can have its own link and button text
-
✅ Hover zoom effect : Images smoothly scale on hover – enhanced interactivity
-
✅ Any theme compatible : Frontend views are plugin-bundled – styles use CSS variables to adapt to themes
-
✅ Full design editor support : Real-time preview – layout changes take effect instantly
-
✅ Drag-and-drop sorting : Feature slides list supports drag-and-drop reordering
Use Cases
-
Homepage campaign aggregation (promotions, new arrivals, bestsellers)
-
Category navigation entries (Women, Men, Kids, Accessories)
-
Seasonal / holiday theme marketing (Spring-Summer, Fall-Winter, Double 11, Christmas)
-
Brand story showcase (brand hero + sub-brands)
-
Content promotion (video/live streaming entry + related recommendations)
