Change product list style
Last updated
Last updated
The instant search widget shows a product list as soon as customers start typing in the search bar. You can customize how this list looks - either as a grid or a list layout.
β¨ Example of a grid style:
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
Choose product list style
Find the section called Search Results:
Choose your preferred style:
Grid View β products appear in rows and columns (like on collection pages).
Carousel View β products appear in a slider.
Click Save After selecting your layout, click the Save button to apply changes.
The Grid View is ideal if your products have large images and you want a clean, modern look.
The List View works well if you want to show more text details, like price or description.
If you're not sure which layout works best for your store, or if youβre not seeing changes after saving, feel free to contact us at [email protected] - we're happy to help!