# 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:**

<figure><img src="https://2009335375-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKmtdB4I84W3J8hc91H4S%2Fuploads%2FjsF2BBoaWkzDcafEgWbH%2Fimage.png?alt=media&#x26;token=c6bd61db-8ec5-4f54-a474-7a25ad82e0e8" alt=""><figcaption></figcaption></figure>

* **Dropdown one column:**

<figure><img src="https://2009335375-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKmtdB4I84W3J8hc91H4S%2Fuploads%2FZr3MUVIGigVbOKTbCwaS%2Fimage.png?alt=media&#x26;token=dc2986b6-db9c-446b-b28f-440b8cd0140b" alt=""><figcaption></figcaption></figure>

* **Dropdown two columns**

<figure><img src="https://2009335375-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKmtdB4I84W3J8hc91H4S%2Fuploads%2FkvYLz2iV49X2ysceHhG7%2Fimage.png?alt=media&#x26;token=c2caff51-76e7-4612-a3ca-f6c1fc3836f5" alt=""><figcaption></figcaption></figure>

***

### 🛠 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<br>

   <figure><img src="https://2009335375-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKmtdB4I84W3J8hc91H4S%2Fuploads%2FAFo0MBJJ3KiqGlmEj8yS%2F2025-04-22_11-44-51.png?alt=media&#x26;token=ce8cf4f8-1d69-4fcd-88d1-62c007fbe86b" alt=""><figcaption></figcaption></figure>
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:\
📧 **<contact@globosoftware.net>**