# Catalog Components

Catalog components are the building blocks of any shopping or product-browsing page — the catalog grid, the categories, the filters, and the layout shell that wraps them. They live in **Catalog** module types and work together as a set: a Catalog Layout wraps a Category Sidebar (or Category Display), filters, and a Catalog Display.

## 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>Catalog Display</strong></td><td>The main product browse — list, grid, gallery, or matrix view with separate slot configuration per view.</td><td><a href="/pages/dAjRJ2GOz4uRXrOSvCJA">/pages/dAjRJ2GOz4uRXrOSvCJA</a></td></tr><tr><td><strong>Catalog Layout</strong></td><td>The shell layout for catalog pages — pick a sidebar arrangement and drop the other catalog blocks into the slots.</td><td><a href="/pages/a2TAHif0CxZaVsEtwolU">/pages/a2TAHif0CxZaVsEtwolU</a></td></tr><tr><td><strong>Category Sidebar</strong></td><td>Hierarchical category tree for the catalog sidebar — collapsible, with product counts.</td><td><a href="/pages/iHgOoEc4CBkQG9A3oaPT">/pages/iHgOoEc4CBkQG9A3oaPT</a></td></tr><tr><td><strong>Category Display</strong></td><td>Categories as a dropdown menu or grid with drill-down breadcrumbs.</td><td><a href="/pages/udRaPvzhitC3MaCaFCJl">/pages/udRaPvzhitC3MaCaFCJl</a></td></tr><tr><td><strong>Catalog View Select</strong></td><td>View-mode toggle — switches Catalog Display between list, grid, gallery, matrix.</td><td><a href="/pages/XfnKszbW3hwwMbJ5UCbc">/pages/XfnKszbW3hwwMbJ5UCbc</a></td></tr><tr><td><strong>Dynamic Filters</strong></td><td>Configurable attribute filters — text, checkbox, radio, range, boolean — global or per-category.</td><td><a href="/pages/WmtioBx6PPBCaAd164X8">/pages/WmtioBx6PPBCaAd164X8</a></td></tr><tr><td><strong>Catalog Filter Bar</strong></td><td>Compact horizontal filter bar — sort, search, view-mode toggle, and active-filter chips above the catalog grid.</td><td><a href="/pages/KlyljOtTc7a18JP6326K">/pages/KlyljOtTc7a18JP6326K</a></td></tr><tr><td><strong>Category Modal</strong></td><td>Pop-up category browser, optionally auto-opening on first visit.</td><td><a href="/pages/O3wri7ynmi7yC71d1He9">/pages/O3wri7ynmi7yC71d1He9</a></td></tr></tbody></table>

## When you'd reach for this category

Every catalog page typically has:

1. A **Catalog Layout** as the shell.
2. A **Catalog Display** in the main slot.
3. A **Category Sidebar** (or **Category Display** for tile-style) for navigation.
4. Optional **Dynamic Filters** for attribute filtering.
5. Optional **Catalog Filter Bar** for an inline sort / search / view-mode strip above the grid.
6. Optional **Catalog View Select** for runtime view switching.
7. Optional **Category Modal** for first-visit guidance.

For product detail pages within a catalog, see [Product Components](/client-admin-guide/active-workflows/getting-started/product-components.md). For adding products to an order, see Add to Order Button there.

## 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>Product Components</strong></td><td>Product-side blocks for product detail views.</td><td><a href="/pages/yD9hfMjGdbGP1NhidADE">/pages/yD9hfMjGdbGP1NhidADE</a></td></tr><tr><td><strong>Categories Overview</strong></td><td>How catalog categories are managed in NetSuite.</td><td><a href="/pages/Lhd78fJQEK4v1phG1c1F">/pages/Lhd78fJQEK4v1phG1c1F</a></td></tr><tr><td><strong>Pricing &#x26; Availability</strong></td><td>How catalog pricing is calculated.</td><td><a href="/pages/XS6DzIqISW38kzuST0nO">/pages/XS6DzIqISW38kzuST0nO</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/catalog-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.