Quick View
Last updated
Last updated
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.
From your Shopify admin, go to Online Store -> Themes.
Find the theme that you want to edit, and then click Customize.
Click Theme settings -> Quick view.
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 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.
Show product badges
Enable the product badges in the quick view.
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.
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.
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.
Font size
Set the font size of the price.
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.
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.
Show quantity
Enable the quantity in the quick view.
Show subtotal
Enable the subtotal in the quick view.
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)
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.
Show dynamic checkout buttons
Enable the dynamic checkout buttons in the quick view.
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
Show trusted image
Enable the trusted image in the quick view.
Show social share buttons
Enable the social share buttons in the quick view.
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 button
Settings for the color, background color, and border color of the buy it now button in the quick view.
