Plugin Details
Home / Plug-in market / FAQ Decoration Module
FAQ Decoration Module
FAQ Decoration Module
Overview
FAQ is a plugin that adds a frequently asked questions display module to the admin "Design → Decoration" builder. You can customize the title, description, and a drag-sortable list of question/answer pairs. On the storefront, they are displayed as an elegant accordion — users click a question to expand/collapse the answer. The module supports independent customization of answer background and text colors, allowing the FAQ section to better match your brand style.
Key Features
❓ Q&A Management
| Feature | Description |
|---|---|
| Drag-and-drop sorting | Q&A list supports drag-and-drop reordering |
| Rich text answers | Answers support a rich text editor — insert images, links, and formatted content |
| Multi-language support | Each question and answer can be independently configured with multi-language content |
| Default data | Automatically populates 4 sample Q&As when the module is first added for quick onboarding |
🎨 Style Configuration
| Option | Description |
|---|---|
| Module title | Multi-language support — customizable main module title |
| Module description | Rich text support — add explanatory text |
| Answer background color | Customize the background color of answer areas |
| Answer text color | Customize the text color of answer areas |
| Module width | Narrow (container) / Wide (container-fluid) / Full width (w-100) |
📱 Frontend Interaction
| Feature | Description |
|---|---|
| Accordion panel | Click a question to expand/collapse the answer — saves page space |
| First item expanded by default | The first FAQ is automatically expanded when the module loads — guides users to learn about content |
| Icon animation | Arrow icon smoothly rotates when expanding/collapsing |
| Hover effect | Question text changes color on hover — enhances interactivity |
Technical Features
-
✅ Drag-and-drop sorting : Q&A list supports drag-and-drop reordering
-
✅ Rich text answers : Answers support rich text editor — more flexible formatting
-
✅ Independent color configuration : Answer areas can have independently set background and text colors
-
✅ Pure CSS accordion : No JavaScript animation libraries — lightweight performance
-
✅ Responsive design : Automatically adapts on mobile — maintains good readability
-
✅ Any theme compatible : Frontend views are plugin-bundled — CSS variables adapt to theme colors
-
✅ Full design editor support : Real-time preview — Q&A list can expand/collapse edit areas
-
✅ Default sample data : Automatically populates sample Q&As when first added — lowers configuration barrier
Use Cases
-
Product frequently asked questions
-
Shipping policy explanations
-
Return and exchange rules
-
After-sales service guides
-
Membership / points system explanations
-
Payment method explanations
