These settings provide more control over what appears in the quickshop window when enabled. A quickshop window is a stripped-down version of the product page used by customers to add products to their cart without leaving the page.
Use the theme editor to enable the quick shop for collection pages, then customize its content with a dedicated template.
Enable for collection page template
In the theme editor (Customize), use the page selector to open Collections, then Default collection or another collection page template.
In the left sidebar, click to open Collection pages. Locate the Overlay / hover interaction setting and adjust it to Quick shop.
Customize the quick shop's content
Use the page selector to open Products, then quickshop.
In the left sidebar, arrange the content blocks in the preferred order. There are blocks for product Vendor, Title, Price, Form, Description, Social, and Product rating.
Click to open the Quick shop section for product media controls and other settings.
Control the product media layout with the Layout dropdown. There are three options to choose from: Slideshow, Masonry, or List.
Activate image zoom
Enable image zoom by checking that option. Enabling this will mean that when a user hovers over a product image, a magnifying glass icon will appear and they will be able to click to get an up-close look at your product.
This feature only works when the slideshow layout is selected from the menu above. It also requires that merchants use large, high-res product photography with widths above 1600px.
Redirect customers to the cart with ATC
Enable cart redirection will bring the customer to the Cart page after the add-to-cart (ATC) button has successfully added an item. This can help streamline the purchasing process, especially if you have a smaller catalog.
Enabling cart redirection is the same as disabling AJAX. The default behavior for adding items to the cart is to be brought to the cart page immediately upon completion. Activating cart redirection restores this behavior.
Activate dynamic checkout button
Enable dynamic checkout button adds a secondary cart button that offers customers an option to proceed directly to the Checkout page—bypassing the cart page entirely and completing the purchase with a preferred payment type.