Skip to main content

Theme Settings > Quick View

  • Updated

How to find these settings...

  1. Online Store
  2. Customize (Theme Editor)
  3. Products
  4. Default product
  5. Product pages

The Quick View options contain features that are similar to the Product Page & the Featured Product section

Recommended reading

In this 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 variant 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 variant

 

Variant options

There are 2 options for the variants:

  • Buttons: Variant titles will be presented as clickable buttons.  Color variants can use the 'Buttons' option below based on the 'Color variant title' set in Theme Settings > Color
  • Dropdowns: Variant titles will be listed in a dropdown

 

Enable rounded buttons

Buttons can be sharp edged squares or rectangles, or rounded circles or ovals

 

Buttons

Choose how the 'Buttons' 'Variant options' will be displayed:

  • Text: Display the title of the variant title
  • Colors: Show colors based on the name of the color.  If a color cannot be associated with an 'HTML Color Name', this will appear blank
  • Variant image: Display the variant image associated with the variant. If an image is not available, this will appear blank
  • Magnified variant image: Display the zoomed in variant image associated with the variant. If an image is not available, this will appear blank
  • Custom image: Create your own image to associate with the variant:
    • Images MUST be a PNG, not a JPEG
    • The file name MUST match the variant title.  Example, a variant color of 'None Black' would require a file to be title and formatted like 'none-black.png'
    • Recommended image size is 40 x 40px
    • Upload the file to Settings > Files

 

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