# Quick view

The **Quick View** section allows customers to preview product details in a modal window without leaving the current page. It improves user experience and encourages faster browsing and shopping.

<figure><img src="https://content.gitbook.com/content/9icwdCUv3B94Yb9tmqHW/blobs/1LY37IBFtTzs58EacfVD/image.png" alt=""><figcaption></figcaption></figure>

***

#### How to Configure the Quick View

1. In Shopify admin, go to **Online Store → Themes**.
2. Click **Customize** next to the **Elemento** theme.
3. In the theme editor, scroll to the **Overlay group** in the left sidebar and select **Quick View**.
4. Adjust the settings according to your preferences — for example, enable or disable Quick View, configure product information, buttons, media layout, and other display options.
5. Click **Save**.

#### Settings

| **Setting**          | **Type**        | **Note**                                                                                            |
| -------------------- | --------------- | --------------------------------------------------------------------------------------------------- |
| **Size guide page**  | Page Picker     | Select the page that contains your size guide.                                                      |
| **Product for test** | Product Picker  | Select a product to preview and test the Quick View layout.                                         |
| **Color Scheme**     | Scheme Selector | Apply a predefined color scheme to the entire section to maintain visual harmony across your store. |

***

#### Blocks

**Price**

Displays the product’s price.

**Rating**

Shows product star rating (requires product reviews app).

**Description**

Displays the product’s description.

**Variant Picker**

Allows the customer to choose product variants (e.g., size, color).

**Inventory Status**

Displays stock availability.

**Quantity Selector**

Allows users to select product quantity.

**Buy Buttons**

| **Setting**                       | **Type** | **Note**                                                          |
| --------------------------------- | -------- | ----------------------------------------------------------------- |
| **Show dynamic checkout buttons** | Checkbox | Enables one-click checkout buttons (e.g., Apple Pay, Google Pay). |

**Taxes**

Displays tax-related messaging like “Tax included.”

**Share**

Shows social sharing options for the product.

**Pickup Availability**

Displays local pickup availability if enabled in Shopify.

**Custom Liquid**

Insert custom Liquid code for advanced customization.

**Selling Plan Selector**

Displays subscription or installment selling plans.

**Vendor**

Displays the product’s vendor name.

**Collapsible Row**

| **Setting** | **Type**  | **Note**                             |
| ----------- | --------- | ------------------------------------ |
| **Heading** | Text      | Title of the collapsible section.    |
| **Content** | Rich Text | Content that displays when expanded. |

**Visibility**\
This section is static and cannot be deleted via the theme editor.\
It can be disabled via the **“Enable quick view”** toggle found in **Theme Settings → Quick View**, or hidden in the theme editor using the **eye icon**.
