# Change product list style

✨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:

<figure><img src="https://2009335375-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKmtdB4I84W3J8hc91H4S%2Fuploads%2FqDdEFjRfKYH7HbJ1n4s8%2Fimage.png?alt=media&#x26;token=dcb422fa-cc1f-419e-90c7-1b268ab1f873" alt=""><figcaption></figcaption></figure>

***

### ✅ Steps to Change the Style

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

   <figure><img src="https://2009335375-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKmtdB4I84W3J8hc91H4S%2Fuploads%2FxfnSxv6Iud5edrQd4oni%2Fimage.png?alt=media&#x26;token=a8de01dc-b667-4d64-bddc-9d3bf86637f4" alt=""><figcaption></figcaption></figure>
4. **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.

<figure><img src="https://2009335375-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKmtdB4I84W3J8hc91H4S%2Fuploads%2FKpYimXrYUD1AHFxYKScV%2Fimage.png?alt=media&#x26;token=79645d23-da37-436b-ac4c-a8162765e9ce" alt=""><figcaption></figcaption></figure>

5. **Click Save**\
   After selecting your layout, click the **Save** button to apply changes.

***

### 💡 Tip

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

***

### 💬 Need Help?

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 **<contact@globosoftware.net>** - we're happy to help!