For the complete documentation index, see llms.txt. This page is also available as Markdown.

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

  1. Open the App From your Shopify admin, go to Apps β†’ Smart Product Filter & Search.

  2. Go to Instant Search Settings In the left sidebar, click Search β†’ then scroll down to the Instant Search Widget tab.

  3. 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

  4. Click Save to apply the changes.


πŸ›  Customize Layout Details (Optional)

  1. You can configure the product list layout (Grid/carousel).

  2. You can set:

    • The maximum number of products shown in the instant search widget.

    • Whether to show product prices, product vendors, etc.

  3. 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

Was this helpful?