Product Search module
Divi 5
This is the native Divi 5 Product Search module in the purple BodyCommerce module folder. For classic layouts, see Modules → Divi 4.
Purpose and placement
Use Product Search to show a WooCommerce product search form. Place it on a Global template or layout where WooCommerce provides the required context.
Content tab
The released module organizes its content options under Main Content, Search Behavior.
| Setting | What it controls |
|---|---|
| Show Search Button | Configure this option in the Content tab. |
| Button Text | Configure this option in the Content tab. |
| Search Field Placeholder | Configure this option in the Content tab. |
| Icon-only button | Configure this option in the Content tab. |
| Search Results Page | Configure this option in the Content tab. |
| Custom Search URL | Configure this option in the Content tab. |
| Keep Previous Search Term | Configure this option in the Content tab. |
| Disable Browser Autocomplete | Configure this option in the Content tab. |
| Auto suggest | Configure this option in the Content tab. |
| Typing delay (ms) | Configure this option in the Content tab. |
| Minimum characters | Configure this option in the Content tab. |
| Suggestions limit | Configure this option in the Content tab. |
| Suggestion click action | Configure this option in the Content tab. |
| Empty suggestions message | Configure this option in the Content tab. |
| Search Field Label (Accessibility) | Configure this option in the Content tab. |
Some settings appear only after their parent toggle or layout choice is enabled.
Design and Advanced tabs
Use Design for the module’s element typography, color, border, spacing, sizing, and responsive controls. Use Advanced for standard Divi visibility, conditions, CSS, positioning, transitions, and custom CSS fields exposed by this module.