The Product grid settings allow you to make global changes to how users view and interact with your products.
Show sale and sold-out banners
Select Enable 'Sale/Sold out' banner to include a label for products that are either on sale or out of stock. With this setting enabled, these labels will attach to the products with sale prices or no inventory—both controlled by the Products admin.
Use the following settings to control the appearance and features of the quickshop window, a modal window that allows customers to view product page details without leaving the collection page.
Activate the quickshop using these settings
Select Enable quickshop to include this feature in your storefront.
Select an icon style
Use the Icon style dropdown to select the desired icon styles for the quickshop prompts. These control the icons that appear when a customer hovers the mouse cursor over the product in the collection page.
The options are:
- Bold (Alternative)
- Thin (Alternative)
All four options will include the eye icon, which leads to the product page. The "Alternative" options replace the plus '+' icon with a shopping cart icon. Bold will apply a heavier font weight to the icons, while Thin will reduce the font weight.
Show quantity selector
Include a tool for customers to select the amount of the item they'd like to add to the cart by enabling Show quantity selector.
If disabled, the customers will be able to add one item per each add-to-cart (ATC) activation.
Enable cart redirection
This option brings customers to the cart page automatically after adding a product to their cart. This option would disable AJAX, a function that keeps the customer on the collection page following add-to-cart (ATC) activation. If your products are sold individually, for instance, you can disable the quantity box and enable cart redirection to simplify the ATC and checkout process.
Disable AJAX on collection page
Enabling cart direction is the same as disabling AJAX on the collection page. If an added app is conflicting with the AJAX on this page, disable cart redirection.
Include a dynamic checkout button
Show dynamic checkout button adds a customer-specific ATC button that directs to the Checkout page. If there are important features or apps on your Cart page, you can disable this feature.
For more information on Dynamic checkout buttons, check out the Shopify help center.