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.
| 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. |
| 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. |
| Settings | Meaning |
|---|---|
Show product badges | Enable the product badges in the quick view. |
| 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. |
| 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. |
| 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. |
| Settings | Meaning |
|---|---|
Font size | Set the font size of the price. |
| 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. |
| 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. |
| Settings | Meaning |
|---|---|
Show quantity | Enable the quantity in the quick view. |
| Settings | Meaning |
|---|---|
Show subtotal | Enable the subtotal in the quick view. |
| 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) |
| 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. |
| Settings | Meaning |
|---|---|
Show dynamic checkout buttons | Enable the dynamic checkout buttons in the quick view. |
| 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 |
| Settings | Meaning |
|---|---|
Show trusted image | Enable the trusted image in the quick view. |
| Settings | Meaning |
|---|---|
Show social share buttons | Enable the social share buttons in the quick view. |
| 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. |
| 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. |
