# Product Components

Product components surface product data — fields, images, locations, vendors, variations — and let users add items to an order. They live across Catalog and Order Form modules.

For barcode-based item entry on Order Form pages, see **Scan Items** in [Transaction Components](/client-admin-guide/active-workflows/getting-started/transaction-components.md).

## Components in this category

<table data-view="cards"><thead><tr><th></th><th></th><th data-hidden data-card-target data-type="content-ref"></th></tr></thead><tbody><tr><td><strong>Product Field</strong></td><td>Display one product field with format and layout control.</td><td><a href="/pages/CmCrwau8ZNjfB17FA7f3">/pages/CmCrwau8ZNjfB17FA7f3</a></td></tr><tr><td><strong>Product Image</strong></td><td>Product image with size, aspect ratio, and optional click-to-zoom.</td><td><a href="/pages/QTZjehmyyA79i3Wkw0gc">/pages/QTZjehmyyA79i3Wkw0gc</a></td></tr><tr><td><strong>Product Gallery</strong></td><td>Multi-image thumbnail grid or swipeable slider with zoom and fullscreen.</td><td><a href="/pages/Pj5w3pePuJSsPFsSTbKU">/pages/Pj5w3pePuJSsPFsSTbKU</a></td></tr><tr><td><strong>Product Locations</strong></td><td>Read-only stock-by-location table.</td><td><a href="/pages/NmNxiOP3omHzRFC70t8O">/pages/NmNxiOP3omHzRFC70t8O</a></td></tr><tr><td><strong>Product Vendor</strong></td><td>Read-only vendor list with cost and preferred-vendor status.</td><td><a href="/pages/zwbJut05wBYIFUcwcCgz">/pages/zwbJut05wBYIFUcwcCgz</a></td></tr><tr><td><strong>Product Custom List Table Result</strong></td><td>Configurable saved-search or SuiteQL-driven table on the product page — for related items, history, or any product-scoped list.</td><td><a href="/pages/tX2MGfwUhZ1HvbfJYuPd">/pages/tX2MGfwUhZ1HvbfJYuPd</a></td></tr><tr><td><strong>Product Attachment</strong></td><td>Download or open-in-new-tab button for a product file attachment — spec sheets, manuals, any URL on the product record.</td><td><a href="/pages/YUodPJt0lbPALtJ5i08u">/pages/YUodPJt0lbPALtJ5i08u</a></td></tr><tr><td><strong>Product Variations</strong></td><td>Matrix variant selector for parent products with size/colour attributes.</td><td><a href="/pages/ITBAMKP6MPo6ZB32TbN1">/pages/ITBAMKP6MPo6ZB32TbN1</a></td></tr><tr><td><strong>Add to Order Button</strong></td><td>Add the current product to the order — quantity controls and out-of-stock handling.</td><td><a href="/pages/nqGGWE853dYUq8P61rlk">/pages/nqGGWE853dYUq8P61rlk</a></td></tr></tbody></table>

## When you'd reach for this category

* **Product detail page** → Product Image (hero) + Product Gallery (additional shots) + Product Field (name, SKU, price, description) + Product Variations + Add to Order Button + Product Locations.
* **Catalog grid customisation** → Product Field and Product Image inside the Catalog Display slots.
* **B2B procurement views** → Product Vendor and Product Locations for supplier and stock visibility.
* **Spec sheets and downloads** → Product Attachment for file links stored on the product record.
* **Related items / per-product reports** → Product Custom List Table Result driven by a saved search or SuiteQL query.

## Related

<table data-view="cards"><thead><tr><th></th><th></th><th data-hidden data-card-target data-type="content-ref"></th></tr></thead><tbody><tr><td><strong>Catalog Components</strong></td><td>The browse-side blocks — Catalog Display, Category Sidebar, filters.</td><td><a href="/pages/f71d3vhb5wxr1wYeD7QT">/pages/f71d3vhb5wxr1wYeD7QT</a></td></tr><tr><td><strong>Product Variants</strong></td><td>How variants are configured on the catalog side.</td><td><a href="/pages/NwQFMmcIsjECOIEI6IA9">/pages/NwQFMmcIsjECOIEI6IA9</a></td></tr><tr><td><strong>Inventory</strong></td><td>Where stock data behind Product Locations comes from.</td><td><a href="/pages/bTe9OOdZKbLt2hnXRIRb">/pages/bTe9OOdZKbLt2hnXRIRb</a></td></tr></tbody></table>


---

# Agent Instructions: 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:

```
GET https://docs.in8sync.com/client-admin-guide/active-workflows/getting-started/product-components.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
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.