> For the complete documentation index, see [llms.txt](https://docs.samita.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.samita.io/b2b-bulk-order/features/collection-quick-order.md).

# Collection Quick Order

Collection Quick Order adds an add-to-cart control directly onto product cards on your collection, search, or listing pages, so customers can buy without opening each product page. It appears automatically, based on the visibility rules you set — no shortcode needed.

Manage it from **Collection Quick Order** in the app navigation (this feature is labeled **Collection Quick Buy** internally).

{% hint style="info" %}
If more than one Collection Quick Order matches a product card, only the most recently saved one is shown.
{% endhint %}

<figure><img src="/files/GElcRsPrhHApk3Byl5i1" alt="Collection Quick Order button on a product card"><figcaption><p>Collection Quick Order on a product card</p></figcaption></figure>

## Choosing products

Pick **All products**, **Specific products**, or **Conditions** — a rule builder where you match products by title, type, vendor, price, stock, tag, or collection, combined with **All conditions** or **Any condition**. See [Product conditions](/b2b-bulk-order/features/customer-and-product-targeting.md#product-conditions) for details.

{% hint style="warning" %}
Conditions mode requires at least one complete rule: *"Please add at least one complete condition."* Each rule also needs a value: *"Enter value for {{field}} {{operator}}."*
{% endhint %}

## Templates

Two layouts, chosen on the **Customize** tab:

{% tabs %}
{% tab title="Classic" %}
A row of controls appended below the product — an optional variant selector (or a **Choose options** popover for products with several options), a quantity stepper, a stock badge, and an **Add to cart** button.
{% endtab %}

{% tab title="Floating" %}
A single floating icon button overlaid on the product image. Clicking it adds the product straight to cart (single-variant products) or opens a floating panel to choose a variant first.
{% endtab %}
{% endtabs %}

For the **Add to cart** button, you can turn on **Same style as theme button** — *"Use your theme's Add to Cart style. If unavailable, the app's default style will apply."* — or pick an icon (Cart, Plus, Arrow, or none) and its position relative to the button text (Before text, After text, Only icon).

### Variant selection popover

When a product has multiple variants and no single variant is pre-selectable, customers see a popover titled with the product's option name (for example, "Size"), listing each variant with its price; unavailable variants are disabled and labeled **Sold out**.

## Quantity

A simple stepper starting at 1, capped at the variant's available stock. Collection Quick Order doesn't have the advanced quantity rules (minimum order quantity, bundles, etc.) available in [Variant Table](/b2b-bulk-order/features/variant-table.md#advanced-restrictions).

## Style and visibility

Layout, colors, and Custom CSS are covered in [Design & Custom CSS](/b2b-bulk-order/features/design-and-custom-css.md). Who sees the widget and where is covered in [Customer & Product Targeting](/b2b-bulk-order/features/customer-and-product-targeting.md).


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://docs.samita.io/b2b-bulk-order/features/collection-quick-order.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
