How to find these settings...
- Online Store
- Customize (Theme Editor)
- Products
- Default product
- Product pages
The Quick View options contain features that are similar to the Product Page & the Featured Product section
Recommended reading
- Products
- Product media
- Using the rich text editor
- Metafields
- Customize product recommendations
- Download a Demo Product
In this section...
- Media
- Vendor
- Title
- SKU and barcode
- Product rating
- Price
- Variant picker
- Quantity
- Buy Buttons
- Options
- Section
Enable quick view
Add quick view to the product grids
Icon
The quick view icon can be a cart or an eye
Media
Insta filter
App like filters can be applied to your images
Enable video auto play
Allow video to start itself from the beginning
Enable video looping
Allow media videos to loop
Vendor
Show vendor
The vendor title will display. The title will be linked to the default collection page or to a collection created using the vendor name
Text size
Set the vendor size with the slider. 12px is the minimum, and it steps up by 6 to a maximum of 96px
Title
Heading outline
Text defaults to the solid state, but can be customized with 3 outline thicknesses
Heading size
Set the heading size with the slider. 18px is the minimum, and it steps up by 6 to a maximum of 96px
SKU and barcode
Show SKU
If a product or variant has an associated SKU, it will display
Show barcode
If a product or variant has an associated barcode, it will display
Show label
Display the default text labels, ie 'SKU: 1234'
Product rating
Show rating
Requires a product review app, and metafield definitions for 'reviews.rating_count' and 'reviews.rating'
Display
Display the product rating based on reviews collected from review apps. There are 3 options available:
- Stars and text
- Stars
- Text
Price
Show price
Display the price, plus compare at price, per variant
Price size
Set the price size with the slider. 18px is the minimum, and it steps up by 6 to a maximum of 96px
Disable tax message
By default, if the store is set to include taxes in pricing, a message with display
Variant picker
Show variants
Display a products variants
Show single option variant
By default, if there is only 1 option to a variant, the option will not display. Since there is no choice for the customer to make, this option is removed. Check the box to display the single option dropdown.
Variant options
Choose how to display various variants:
- Buttons: Variants will be displayed as block buttons or swatches
- Dropdowns: Variant will be displayed in a dropdown
Buttons
Color swatches are dependent on the Product Taxonomy set up in the product admin. Choose how the color will be displayed:
- Swatches: 'Swatches' can be customized with Category Metafields and the Search & Discovery app
- Variant image: Display the variant image associated with the variant. If an image is not available, it will default to the color
- Magnified variant image: Display the zoomed in variant image associated with the variant. If an image is not available, it will default to the color
Enable rounded buttons
Buttons can be sharp edged squares or rectangles, or rounded circles or ovals
Quantity
Show quantity
Make the quantity field available to allow the customer to add more than 1 item to the cart at a time
Buy Buttons
Show buy buttons
Include add to cart and dynamic checkout buttons
Custom add to cart text
Replace the default 'Add to Cart' text. Useful when creating custom templates for Pre-Order products
Enable cart redirection
Automatically sends users to the cart page after adding a product
Show dynamic checkout button
Dynamic checkout buttons allow customers to skip the cart and go directly to the checkout using a variety of payment options
Show recipient form for gift card products
When enabled, gift card products can optionally be sent to a recipient with a personal message
Options
Text color
Choose a custom color for the text
Text color hover
Choose a custom color for the text hover
Line color
Choose a custom color for the lines and borders
Section
Background color
Choose a custom color for the background
Background color gradient
Choose a custom gradient for the background
* NOTE: May not be available on all sections, blocks or templates