> For the complete documentation index, see [llms.txt](https://foxecom.gitbook.io/zest-theme/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://foxecom.gitbook.io/zest-theme/theme-settings/product-quick-view.md).

# Product quick view

<figure><img src="/files/Vu61NjgfvBYcH9XFRwKN" alt=""><figcaption></figcaption></figure>

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 style="success" %}
**Steps**

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

<div data-full-width="true"><figure><img src="/files/z6fbvHoOj55RONaiaG7V" alt=""><figcaption></figcaption></figure> <figure><img src="/files/7OtmhTqznBQHSxf94bVV" alt=""><figcaption></figcaption></figure></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**](/zest-theme/faqs/generic/add-custom-badges-to-the-product-card-and-product-page.md)).

<figure><img src="/files/MKsPvtz10uHArUvCX0Rq" alt=""><figcaption></figcaption></figure>

## Price

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

<figure><img src="/files/nXOrrJhh2q22QaSAF4bO" alt=""><figcaption></figcaption></figure>

* **Show sale badge**

<figure><img src="/files/gS2Y6WpABdrVHMlWYo4k" alt=""><figcaption></figcaption></figure>

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

{% tabs %}
{% tab title="Text" %}

<figure><img src="/files/6s6C6ICBN65MM229VIE3" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Percentage" %}

<figure><img src="/files/RgEc31R34ViuQ4DfIp3x" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Fixed amount" %}

<figure><img src="/files/zFdKW2IQ3q4Ssn8ZXUWx" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

* **Show sold-out badge**

<figure><img src="/files/raunVJMWmTSvcHcHKtmp" alt=""><figcaption></figcaption></figure>

## Variant picker

<figure><img src="/files/INcQojf3zAhhAjKfrTgu" alt=""><figcaption></figcaption></figure>

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

You can opt to show/hide the selected option.

<figure><img src="/files/w0tDE6N7C7e4b5VQWdN1" alt=""><figcaption></figcaption></figure>

{% hint style="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](/zest-theme/theme-settings/color-swatches.md)
  {% endhint %}

<figure><img src="/files/2tqEY8KF7eNvxqx5WlHs" alt=""><figcaption></figcaption></figure>