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:

  • After creating color schemes in the theme settings under the 'Colors' tab, you can assign them to different sections of your store.
  • In each template, section, or block, you'll find a 'Color Scheme' dropdown.
  • Simply select the appropriate color scheme to maintain consistency and align with your brand's identity.

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.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us