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
Maximum thumbnails to show	Determine the number of thumbnail to visible at a time in the thumbnail slider.

Image

Settings	Meaning
Image ratio	Select the ratio type of the product image. Adapt to image Portrait Square
Portrait aspect ratio	Determine the ratio of the width / height of the image if the Portrait option of Product Image Ratio is selected.
Show zoomed image	Toggle the image zooming when hovered.

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.

Sold in last period

Settings	Meaning
Show sold in last period	Enable the Sold in last period functionality in the quick view.
Product quantity list	Fill in the product quantity list that will appear in the Sold in last period function.
Hours	Fill in the 'hours' list that will appear in the Sold in last period function.
Text color	Set the text color of the Sold in last period function.

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.
Font size	Set the font size of the short description.
Text color	Set the text color of the short description.

Price

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

Information

Settings	Meaning
Show vendor	Enable the vendor in the quick view.
Show SKU	Enable the SKU in the quick view.
Show barcode	Enable the barcode in the quick view.
Show availability	Enable the availability in the quick view.
Show type	Enable the type in the quick view.
Show stock levels	Enable the stock levels functionality in the quick view.

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.

Subtotal

Settings	Meaning
Show subtotal	Enable the subtotal 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 Custom page
Custom page	Select a page to display the size chart (only for the custom page option)
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.

Customer viewing function

Settings	Meaning
Show customer viewing function	Enable the customer viewing function in the quick view.
List of customer viewing numbers	Fill in the list of customer viewing numbers that will appear in the Customer viewing function.
Swap time	Set time to change the number of customers viewing

Trusted image

Settings	Meaning
Show trusted image	Enable the trusted image in the quick view.

Customization property

Settings	Meaning
Show social share buttons	Enable the social share buttons in the quick view.

Add to cart action

Settings	Meaning
Add to cart button	Settings for the color, background color, and border color of the add to cart button in the quick view.

Buy it now action

Settings	Meaning
Buy it now button	Settings for the color, background color, and border color of the buy it now button in the quick view.