> For the complete documentation index, see [llms.txt](https://docs.globo.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.globo.io/search/instant-search-widget-layout.md).

# Instant search widget layout

Customize how the instant search widget's results panel looks, and what's shown per product, from Search > Settings.

## What this does

Two separate things are configurable here: how much space the results panel takes up on the page (**Search widget layout**), and how much detail is shown per product (**Product list**)

## Widget layout

1. In the app, go to **Search > Settings**.
2. Under **Search widget layout**, choose one:
   * **Overlay, full width** — results open in a full-width panel below the search box.
   * **Dropdown, one column** — a narrower dropdown with results in a single column.
   * **Dropdown, two columns** — a narrower dropdown with results split into two columns.
3. Click **Save** in the bar at the top of the page.

![Search > Settings — Search widget layout section](https://2009335375-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKmtdB4I84W3J8hc91H4S%2Fuploads%2Fgit-blob-5eb35a47f494c3bee95506c39dc760eab0a2cb92%2Fsearch-settings-layout-matching.png?alt=media)

## Product list

Under **Product list** (image and title always show — everything else depends on these settings):

* **Show product vendor** / **Show product type** / **Show product SKU** / **Show price** / **Show rating and review count** / **Show stock status** / **Show color swatches** — toggle which details appear on each product result.
* **Product list layout** — **Grid** or **Carousel**.

![Search > Settings — Product list section](https://2009335375-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKmtdB4I84W3J8hc91H4S%2Fuploads%2Fgit-blob-33bc1eef364e1a6242f2b33647848d4028a72dd6%2Fsearch-settings-product-list.png?alt=media)

## Related pages

* [Enable instant search widget](/search/enable-instant-search-widget.md)
* [During search](/search/during-search.md)
* [Manage search fields](/search/manage-search-fields.md)