Browse by Topic

Using 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. Enabling this feature differs based on the theme. 

Example of the Quick View feature on a BigCommerce store.


Enabling/Disabling Quick View

1. Go to Store Setup › Store Settings, then click the Display tab.

2. Scroll down to Quick View Settings.

3. Check or uncheck the box next to Yes, enable the "Quick View" button when a shopper mouses over a product photo.


Don't see Enable Quick View? If you are using a Stencil-based theme, this option is turned on by default and can be adjusted in the Stencil Theme Editor. Some of our legacy Blueprint themes do not support this feature.

4. Save your changes.


Customizing the Quick View Button


You will want to use the Stencil Theme Editor to adjust the button colors if you are using a Stencil theme.


In the Quick View Settings area, you can choose to edit the colors used in the button if you are using one of our legacy Blueprint themes. These are in hexadecimal format, so using a color picker to find the code for you might be useful. There are three colors available to customize: the button color, gradient color, and text color.

You can also change the button text from "Quick View" to something else.


Note:This feature is not supported on all themes as some themes require CSS customization to update the quick view button's styling.

Was this article helpful?