Customize instant search layout
The Instant Search Widget lets customers see live product suggestions as they type. With Smart Product Filter & Search, you can customize how this widget looks on your store.
Overlay fullwidth:
Dropdown one column:
Dropdown two columns
🛠 How to Customize the Layout
Open the App From your Shopify admin, go to Apps → Smart Product Filter & Search.
Go to Instant Search Settings In the left sidebar, click Search → then scroll down to the Instant Search Widget tab.
Choose preferred search widget layout Find the section called Search widget layout and choose one layout:
Overlay full width
Dropdown two columns
Dropdown one column
Click Save to apply the changes.
Step 3 – Customize Layout Details (Optional)
You can configure the product list layout (Grid/carousel).
You can set:
The maximum number of products shown in the instant search widget.
Whether to show product prices, product vendors, etc.
After adjusting your settings, click Save.
💡 Tips
Choose a layout that fits your brand and product range for the best customer experience.
💬 Need Help?
If you need assistance customizing your search layout, feel free to contact our support team: 📧 [email protected]
Last updated