Quick order list
The Quick Order List section in a Shopify store is a feature designed to streamline the ordering process by allowing customers to quickly add multiple product variants to their shopping cart. This section can be added to the product detail template and is especially beneficial for customers who wish to purchase multiple variants of a product in a single step. This feature is particularly useful for stores with products that have numerous variants (e.g., color, size, material) and is a time-saving tool for both store owners and customers.
| Setting | Description |
| Show images | Enable setting to show product image for each product variant. |
| Show SKUs | Enable setting to show SKUs for each product variant. |
| Color scheme |
You can apply different color schemes to your store:
|
Button styles
| Setting | Description |
|---|---|
| View cart button style |
Controls the visual appearance of the "View cart" button that takes customers to their cart. Options: • Primary: A prominent, solid-filled button — typically the main brand color. • Secondary: A less prominent alternative style, usually a lighter or neutral color. (Default) • Outline: A button with a visible border and transparent background. • Link: Displays as a plain text link with no background or border. |
| Remove all button style |
Controls the visual appearance of the "Remove all" button that clears all items from the order list. Options: • Primary: A prominent, solid-filled button — typically the main brand color. • Secondary: A less prominent alternative style, usually a lighter or neutral color. • Outline: A button with a visible border and transparent background. (Default) • Link: Displays as a plain text link with no background or border. |
Section padding
| Setting | Description |
| Top padding | The “Top padding” setting allows you to adjust the amount of space at the top of the section using a slider. |
| Bottom padding | The “Bottom padding” setting functions similarly to the “Section top padding” setting, but controls the space at the bottom of the section. |
| Top padding mobile | The “Top padding mobile” setting allows you to adjust the amount of space at the top of the section specifically for mobile devices, using a slider. |
| Bottom padding mobile | The “Bottom padding mobile” setting works similarly to the “Top padding mobile” setting but controls the space at the bottom of the section for mobile devices. |
