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.

Last updated