Plugin Details
Home / Plug-in market / Brand List Module
Brand List Module
Brand List Decoration Module
Overview
Brand List is a plugin that adds a brand/trademark logo display module to the admin "Design → Decoration" builder. It showcases partner brands, merchants, or collaborators in an elegant brand logo grid layout. Each brand includes a logo image (recommended 400×200) and an optional link. The module supports drag-and-drop sorting, custom titles and descriptions – perfect for homepage brand walls, partner showcases, or brand recommendation sections.
Key Features
🏷️ Brand Logo Grid Display
| Feature | Description |
|---|---|
| Brand list | Drag-and-drop sortable – each brand has its own logo and link |
| Adaptive grid | Grid automatically adapts to screen width – displays approximately 6 logos per row, wraps when space is insufficient |
| Image ratio | Recommended image size 400×200 (2:1 ratio) – logos are centered and fully displayed without cropping |
| Hover effect | Card lifts and casts a shadow on hover – adds interactive feel |
| Link support | Each brand can have an independent link (supports opening in a new window) |
📝 Content Configuration Options
| Option | Description |
|---|---|
| Title | Main module title (multi-language support) |
| Description | Module description text (rich text support) |
| Module width | Narrow (container) / Wide (container-fluid) / Full width (w-100) |
| Brand list | Drag-and-drop sortable – each brand includes image and link |
Technical Features
-
✅ Adaptive grid layout : Uses CSS Grid + auto-fit – automatically calculates optimal number per row, shrinks on mobile
-
✅ Full image display : Uses
object-fit: contain– logos are centered and fully displayed without cropping or distortion -
✅ 2:1 golden ratio : Image container fixed at 2:1 ratio – fits most brand logo sizes
-
✅ Drag-and-drop sorting : Brand list supports drag-and-drop reordering
-
✅ Hover interaction : Card lift + shadow effect – enhances visual experience
-
✅ Responsive design : Automatically reduces card spacing and padding on mobile
-
✅ Any theme compatible : Frontend views are plugin-bundled – styles use CSS variables to adapt to theme colors
-
✅ Full design editor support : Real-time preview – displays placeholder prompt when no brands have been added
Use Cases
-
Homepage brand wall / brand showcase
-
Partner / merchant display
-
Strategic partner brand recommendations
-
Customer case / certification showcase
-
Sponsor display
