Quick View

Quick View allows your customers to see more details about a product and add it to their cart without having to go to the individual product page, leading to a more fluid checkout flow.

1. From your Shopify admin, go to Online Store -> Themes.

2. Find the theme that you want to edit, and then click Customize.

3. Click Theme settings -> Quick view.

Thumbnails

Settings	Meaning
Layout	Select the layout for the quick view popup content. Show thumbnails on the left Show thumbnails on the right Show thumbnails on the bottom Hide thumbnails
MaMaximum thumbnails to show	Determine the number of thumbnail to visible at a time in the thumbnail slider.

Badge

Settings	Meaning
Show product badges	Enable the product badges in the quick view.

Title

Settings	Meaning
Font size	Set the font size of the title.
Title color	Set the text color of the title.
Show zoomed image	Enable the zoom functionaly of the main image.

Short description

Settings	Meaning
Show short description	Enable the short description in the quick view.
Short description word count	Set maximum number of words for the short description.

Price

Settings	Meaning
Font size	Set the font size of the price.

Variant

Settings	Meaning
Type	Select the type for the product variant in the quick view: Dropdown Square / Rectangle / Swatch
Show variant image grouped	Enable the variant image grouped functionality in the quick view.

Quantity

Settings	Meaning
Show quantity	Enable the quantity in the quick view.

Size chart

Settings	Meaning
Show size chart	Enable the size chart in the quick view.
Use different size charts for products by criteria	There are 5 options for the size chart: Product type Product vendor Metafield Custom image
Image type	Select the image format to display the size chart (only for the product type or product vendor option) Use image with PNG format Use image with JPG format
Image	Select an image to display the size chart (only for the custom image option)

Compare color

Settings	Meaning
Show comparison color	Enable the comparison color functionality in the quick view.
Enable drag & drop on desktop	Enable the drag & drop in the quick view on the desktop.

Dynamic checkout buttons

Settings	Meaning
Show dynamic checkout buttons	Enable the dynamic checkout buttons in the quick view.