# Product quick view

![image](https://docs-assets.foxecom.app/zest-theme/image_Vu61Njgf.png)

The Product Quick view option offers several unbeatable advantages:

* Improved shopping experience: It's easier for your customers to select and add any items to cart without loading the whole product age and clicking back-and-forth between the product page and the item pages for details.
* Reduced server load: The product page is not reloaded when the shopper selects this feature.
* Display of discounted pricing and other details: You can utilize the quick view feature to show discounts before the cart page.

You can manage which elements are shown on the product quick view - such as the quantity selector, dynamic checkout button, product vendor, custom tags, and sale or sold-out badge.

<Hint type="success">

**Steps**

1. In the theme editor (**Customize**), click **Theme settings.**
2. Locate **Product quick view.**
3. Make necessary changes.
4. **Save.**

</Hint>

<div data-full-width="true">![image](https://docs-assets.foxecom.app/zest-theme/image_z6fbvHoO.png) ![image](https://docs-assets.foxecom.app/zest-theme/scrnli_4_12_2024_8-29-05%20AM_7OtmhTqz.png)</div>

## General

Decide what to show on your product quick view, including:

* **Show quantity selector;**
* **Show dynamic checkout buttons**  (Using the payment methods available on your store, customers see their preferred option, like PayPal or Apple Pay. [Learn more](https://help.shopify.com/en/manual/online-store/dynamic-checkout))**;**
* **Show product vendor;**
* **Show custom tags** (See [**Custom tags**](page://3d2df920-66ff-4457-9da4-0590cdd1ddc1)).

![image](https://docs-assets.foxecom.app/zest-theme/image_MKsPvtz1.png)

## Price

In the **Price settings**, you can enable or disable to show:

![image](https://docs-assets.foxecom.app/zest-theme/image_nXOrrJhh.png)

* **Show sale badge**

![image](https://docs-assets.foxecom.app/zest-theme/image_gS2Y6WpA.png)

* Choose **Sale badge type** (Text/Percentage/Fixed amount)

<Tabs>
<Tab title="Text">

![image](https://docs-assets.foxecom.app/zest-theme/image_6s6C6ICB.png)

</Tab>

<Tab title="Percentage">

![image](https://docs-assets.foxecom.app/zest-theme/image_RgEc31R3.png)

</Tab>

<Tab title="Fixed amount">

![image](https://docs-assets.foxecom.app/zest-theme/image_zFdKW2IQ.png)

</Tab>
</Tabs>

* **Show sold-out badge**

![image](https://docs-assets.foxecom.app/zest-theme/image_raunVJMW.png)

## Variant picker

![image](https://docs-assets.foxecom.app/zest-theme/image_INcQojf3.png)

Select the **Picker type** for your product variants in the Quick view as **Buttons**/**Dropdown.**

You can opt to show/hide the selected option.

![image](https://docs-assets.foxecom.app/zest-theme/image_w0tDE6N7.png)

<Hint type="warning">

If you want to show your Color options as Color swatches in the Quick view, make sure:

* The **Picker type is Buttons**.
* You set the **Color swatch trigger** and **Swatch style** in **Theme settings** > **Color swatches**. Learn more: [Color swatches](page://b72e831d-2f6c-411e-b58e-4475ae8c996a)

</Hint>

![image](https://docs-assets.foxecom.app/zest-theme/image_2tqEY8KF.png)