> For the complete documentation index, see [llms.txt](https://aries-theme.gitbook.io/docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://aries-theme.gitbook.io/docs/collections-and-products-pages/product-page/quick-order-list.md). # Quick order list The Quick Order List section allows customers to quickly add multiple product variants to their cart at once from a single product page. This is especially useful for products with many variants, like clothing with different sizes and colors, or products sold in bulk. Instead of selecting each variant individually and adding them one by one, customers can see all available variants in a convenient list format, adjust quantities for each variant, and add everything to their cart with ease. This streamlines the ordering process and is particularly valuable for B2B customers or customers purchasing multiple items.
{% hint style="info" %} ### How to set it up 1. Go to **Online Store** > **Themes** > **Customize**. 2. In the **page/template** selector, choose a **product page** (e.g., Default product) 3. Open **Sections** > **Quick order list**. 4. Make your changes, preview live, then click **Save**. {% endhint %} *** ### Settings * **Variants per page**: Control how many product variants are displayed on each page of the quick order list. Options range from 5 to 50 variants per page. Higher numbers show more variants at once but may make the list longer to scroll through. * **Images**: When enabled, displays product images next to each variant in the quick order list. This helps customers visually identify different variants, especially useful for products with color or style variations. * **Image size**: When images are enabled, control the size of the variant images. Options include 45px (small), 60px (medium), or 80px (large). Larger images are easier to see but take up more space in the list. * **SKUs**: When enabled, displays the SKU (stock keeping unit) for each product variant. This is useful for customers who need product codes for reference, orders, or inventory tracking. * **Colors**: Choose a color scheme for the main quick order list area. This affects the background and text colors of the list section. * **Total color scheme**: Choose a separate color scheme for the order total section at the bottom of the list. This allows you to visually distinguish the total area from the rest of the list, making it stand out for customers. * **Padding top**: Add space above the section. Options range from 0px (no space) to 400px in 10px increments. On mobile devices, this is automatically reduced to half the value for better mobile display. * **Padding bottom**: Add space below the section. Options range from 0px (no space) to 400px in 10px increments. On mobile devices, this is automatically reduced to half the value for better mobile display. *** ### Tips * Enable images to help customers quickly identify different variants, especially for products with visual differences like colors or styles. This reduces the chance of customers adding the wrong variant to their cart. * Show SKUs if your customers frequently reference product codes for orders, returns, or customer service inquiries. This is particularly useful for B2B customers or wholesale orders. * Use a different color scheme for the total section to make it stand out and draw customers' attention to the order total before they proceed to checkout. * Adjust the variants per page setting based on how many variants your products typically have. Products with many variants (like 20+ options) may benefit from showing more per page, while products with fewer variants can work well with the default setting. * Test the quick order list on mobile devices to ensure it's easy to use on smaller screens. The list format works well on mobile, but you may want to adjust image sizes or other settings for optimal mobile experience.