The Quick shop feature allows customers to add products to their cart with minimal steps, all without leaving the current page.
Customize theme settings
Open the Quick shop portion of the Theme settings (⚙️) to activate Enable quick shop.
Customize the template
The quick shop's modal window is customized like a product page template. Use the page selector to open Products, then quickshop.
In the left sidebar, click Quickshop to open general settings for the feature.
Product gallery
Show thumbnails: Include additional product media by enabling Show thumbnails.
Use the Position to display the thumbnails to the Left, Right, or Bottom.
Show arrows: Include arrows to navigate through the product media by enabling Show arrows. This only applies to desktop.
Activate an image zoom feature for the product media by enabling Magnify product images on hover.
Gallery transitions
Automate your product media by adjusting the Gallery speed slider. Any value above 0 seconds will cycle through the images, videos, and models like a slideshow. To keep the media static, leave the slider at 0.
If enabled, select a Gallery transition option to have the media Slide or Fade between transitions.
Enable thumbnail slider can be displayed when the product media thumbnails are set to Bottom.
Media
Have your videos automatically repeat when finished by activating Enable video looping. This only applies to videos added through the Media portion of Products.
Customize the Page Blocks
Select and customize the individual blocks for the quick shop. Click the toggle beside Quickshop to reveal the current blocks.
There are blocks for Title, Price, Description, Form, Vendor, Size chart, Text, and Product rating.
Click (+) Add block to add additional blocks.
Description block
Click the Description block to include a product page link and truncate (shorten) the product description.
Activate Show border to include a link to the product page.
Select an option from the Product description truncated words to limit the number of words included in the product description.
The options are:
- 10
- 15
- 20
- 25
- 30
- 35
- 40
Size chart block
Add a Size chart block to connect the quick shop with a static page.
Click Select page to locate and connect the page.
Text block
Add a Text block, then use the Text field to add your messaging.
Product rating block
Requires a product rating app to display a star rating within the quickshop modal.