Plugin Details
Home / Plug-in market / Advanced Search Decoration Module
Advanced Search Decoration Module
Advanced Search Decoration Module
Overview
Advanced Search is a plugin that adds an advanced search display module to the admin "Design → Decoration" builder. It features a large background image with an overlay, centrally overlaid with a title, short description, and a search box (input field + search button) – commonly used as a quick search section on the homepage. Supports configurable search scopes (products/albums/topics/blog/articles), with search results grouped by type, greatly enhancing the on-site search experience.
Key Features
🔍 Visual Search Section
| Feature | Description |
|---|---|
| Large background image | Upload a background image – recommended sizes: 1920×800/600/420px |
| Overlay effect | Adjustable black overlay opacity (0–100%) – improves text readability |
| Title & description | Multi-language title and rich text description support |
| Search box | Input field + search button – rounded design, brand-colored button |
| Image height | Three options: Large/Medium/Small (PC: 600/460/340px – mobile auto-adapts) |
| Module width | Narrow (container) / Wide (container-fluid) / Full width (w-100) |
📋 Configurable Search Scope
Multiple search fields can be selected simultaneously – search results are grouped by type on the results page:
| Field | Description |
|---|---|
| Products | Search store products – keyword matching support |
| Albums | Search product categories |
| Topics | Search article categories (Page Category) |
| Blog | Search single pages (Page) |
| Articles | Search single pages (merged with "Blog" into an "Articles" group) |
📄 Search Results Page Features
| Feature | Description |
|---|---|
| Grouped display | Search results grouped by content type (Products/Albums/Topics/Articles) |
| Product cards | Reuses system product card component (image, name, price) |
| Link cards | Albums/Topics/Articles displayed as title + summary cards |
| Multi-language support | Search results automatically match the current language |
| No keyword browsing | When no keyword is entered, displays all content in default order for each type |
Technical Features
-
✅ Self-contained styles : Module styles are inline within the frontend fragment – works for both admin AJAX preview and live frontend
-
✅ Responsive design : Independent adaptation for PC and mobile – search button width automatically narrows on mobile
-
✅ Multi-content type search : One search covers products, categories, articles, and other content entities
-
✅ Native multi-language support : Search results automatically match description fields in the current language
-
✅ Configurable search scope : Freely select which search fields to enable in the admin panel
-
✅ No keyword browsing : When no keyword is entered, displays all content in default order for each type (browse mode)
-
✅ Dedicated search results page : Independent results page route
/advanced_search– SEO friendly -
✅ Any theme compatible : Frontend views are plugin-bundled – product cards reuse current theme components
-
✅ Full design editor support : Real-time preview – WYSIWYG
Use Cases
-
Quick search section on the homepage
-
Search guidance area on landing pages
-
Site-wide search entry point for large e-commerce stores
-
Full-site search for content-rich websites
