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, leading to a more fluid checkout flow. Enabling, disabling, and customizing this feature differs based on the theme applied to the store. 

Example of the Quick View feature on a BigCommerce store.


Quick View on Stencil Themes

Quick View is enabled by default on all Stencil themes. It can be adjusted in the Page Builder. The steps outlined here are written for the Cornerstone theme. If you are unable to find this setting in Page Builder, check your theme's developer documentation.

1. Go to Storefront › My Themes, then click Customize to launch the Page Builder.

2. Click to expand the Products menu, and scroll down to Display settings.

3. Uncheck the box next to Show quickview button on product cards.

4. Click Save to save your changes, then click Publish to update the storefront theme.

You can customize the button's colors by using the Page Builder and by editing the theme files directly.


Quick View Settings for Legacy Blueprint Themes

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.

4. Save your changes.

quick view settings in store settings, on the display tab.

Customizing the Quick View Button

In the Quick View Settings area, you can choose to edit the colors used on the button. You can enter the hexadecimal code of the color you want, or you can use the color picker to the right of each field to select your desired color. There are three color fields available to customize: button color, gradient color, and text color.

You can also change the button text from the default "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?