# Quick view
## What is a quick view?
The **Product Quick view** option offers several unbeatable benefits:
* 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 **Quick View** - such as the buy buttons, variant picker, price, SKU, complementary products, badges and tags, etc.
## How to add a Quick View option
Steps:
1. In the theme editor (Customize), locate **Overlay group** > **Quick view**.
2. Make necessary changes.
3. **Save**.
## How to edit a Quick View option
### Section settings
To know more about media types, see [Product media](https://help.shopify.com/en/manual/products/product-media).
You can also enable/disable **video looping** in the Quick view section.
### Block settings
The Quick view blocks: Title, Price, and Description will be pulled from the product page to display in this section. You do not need to modify these blocks.
#### Variant picker
Products with variants are great for giving customers more choices.
[See how you can customize your Variant picker](/sleek-theme/pages-global-sections/pages/TkPgU4B4xE4FAFJM10Xi#id-4.-variant-picker).
To know more about variants and how to add variants to your store, see [Variants](https://help.shopify.com/en/manual/products/variants).
#### Shipping
Enable/ disable showing delivery estimation and shipping text.
Add info regarding the delivery, and shipping text to the **Deliver text** field, and the number of days that the package will arrive to the **Deliver in** field.
You can adjust the **Date format** of the shipping block. To know more about the date format, see [here](http://strftime.net/).
#### Buy buttons
To include a direct-to-checkout button, enable the ✅ **Show dynamic checkout button** option.
You can display the quantity selector so customers can select a specific item quantity by enabling the ✅ **Show quantity selector**.
The Add-to-cart button will be shown automatically when adding the Buy buttons block.
To let customers send gift cards on a scheduled date along with a personal message, enable ✅ **Show recipient information form for gift cards**. [Learn more](https://help.shopify.com/manual/online-store/themes/customizing-themes/add-gift-card-recipient-fields)
#### Text
**Text** that is formatted with common formatting options, such as bold and italics, that are unavailable with plain text.
You can also change the **Text style** to Body/ Subtitle/ Uppercase to suit your preference.
**Complementary products**
To help shoppers discover new products and grow AOV, you can display complementary products. [Learn more.](https://help.shopify.com/en//manual/online-store/search-and-discovery/product-recommendations#complementary-products)
In the theme editor, you can add a **Heading** to the section, and select an **Icon** by enabling the ✅ **Show as collapsible row** checkbox.
Set the **Maximum products to show** (1-10 products) and the **Number of products per page** (1-4 products).
Moreover, you can also change the **Image ratio** for product cards in Complementary products and **Enable quick add button** for them.
#### Pop-up
Give the pop-up a suitable **Link label** and specify the preferred **Page** to be displayed upon clicking the pop-up link.
**Collapsible row**
Add a **Heading** and extra information in the **Row content** field.
Select an **Icon** from the list that is visible on the Collapsible row heading.
You can also add the **Row content from page**.
* If you want the Collapsible row to open by default, enable the ✅ **Default open** checkbox.
**Icon with text**
You can add up to 3 **Icon with text** columns or rows.
  
#### **Inventory status**
The inventory status block lets you display the stock status of individual products, so your customers would know if a product is in-stock, running low in quantity, or when more stock arrives.
#### Badges and tags
You can add 2 **Valid custom tags** to the Product information section:
1. From your Shopify admin > Products, select the product you want to add a custom badge.
2. Add the tag you want to display.
There are 2 supported tags:
```
tag__hot_[DISPLAY_TEXT]
tag__new_[DISPLAY_TEXT]
```
*For example:* tag\_\_new\_NEW > the custom badge will show **NEW** text.
There are 2 types of **Product badges:**
* **Show sale badge**: hide or show the sale badge in 3 **Sale badge type**s: Text, Percentage, and Fixed amount.
* **Show sold-out badge**: display badge to let customers know which products are out-of-stock.