đ Quick view is a feature powered by Boost Commerce that allows you to get a quick preview of a product before checkout. By customizing the popup in Theme settings, you can create a more engaging and dynamic shopping experience for your customers.
â ď¸ This article only works for Boost AI Search & Discovery V3 new Theme settings. To find out which version of our app your store's current theme is installed with, please follow this article.
Access Quick view settings
To access the Quick view settings, please follow these steps:
1. From the app's admin, go to the Integration menu > select Shopify Integration > Find [Target Theme] > Select Edit Visual Design.
2. On the left panel, select Product item to expand and choose Quick view in the drop-down list. Once you have chosen the Quick view section, the detailed settings for Quick view will appear on the right panel.
Quick view configuration
Note: when customizing any attribute on the right sidebarâ the preview pop-up shows the corresponding changes.
To learn about how to see all settings for Quick view applied on the storefront, click here.
Product Image
This settings section applies to Product image in Quick view.
Enable Product image in Quick view pop-up: display Product image (both main & thumbnail in pop-up)
Thumbnail position
Above
Below
Button Overall
These settings will be applied for both the Add to cart and Buy it now buttons in the Quick view feature.
Button shape: you can select between the Rectangle and Rounded Rectangle shapes.
Font
Font family: choose a font family for the two buttons
Font style: choose the preferred font style from the selected font family
Font size: use the slider or input your preferred size in pixels (range from 10 - 30)
Add To Cart button
This settings section applies specifically to the Add to cart button in the Quick View feature.
Color
Text color: pick a color for the text of the button
Text color on hover: pick a color for the text when hovering on the button
Background color: pick a color for the buttonâs background
Background color on hover: pick a color for the button's background when hovering.
Border color: pick a color for the border of the button
Border color on hover: pick a color for the button's border when hovering.
Text
Text transform
noneleaves the textâs case and capitalization exactly as it was entered.lowercasemakes all of the letters in the selected text lowercase.uppercasemakes all of the letters in the selected text uppercase.capitalizecapitalizes the first letter of each word in the selected text.
Buy It Now button
This settings section applies specifically to the Buy it now button in the Quick View feature.
Color
Text color: pick a color for the text of the button
Text color on hover: pick a color for the text when hovering on the button
Background color: pick a color for the buttonâs background
Background color on hover: pick a color for the button's background when hovering.
Border color: pick a color for the border of the button
Border color on hover: pick a color for the button's border when hovering.
Text
Text transform
noneleaves the textâs case and capitalization exactly as it was entered.lowercasemakes all of the letters in the selected text lowercase.uppercasemakes all of the letters in the selected text uppercase.capitalizecapitalizes the first letter of each word in the selected text.
Click the Save button to save all the changes you have made.
â
â
â
If you have any questions or need further assistance, please do not hesitate to reach out to our dedicated support team at [email protected].