# 3. Commerce Hub: Offerings

The **Offerings** page in Commerce Hub is your central catalog for defining and managing the items available for customers to purchase. Each product can be scoped to a specific Project, assigned to one or more Categories, priced, and localized with rich content and SEO metadata.

<article class="text-token-text-primary w-full" data-scroll-anchor="true" data-testid="conversation-turn-490" dir="auto" id="bkmrk-finding-%E2%80%9Cproducts%E2%80%9D-i">##### Finding “Offerings” in Commerce Hub

Open the left-hand navigation menu.  
Scroll down to **Commerce Hub** and click its chevron to expand.  
Click **Offerings** under the **Commerce Hub** section.  
That will take you to the Products page where you can view, add, filter, and manage your catalog.

</article>##### Table View

**Total (top-left):** Shows the number of products in your current view.  
**Filter (funnel icon):** Opens a side-panel with advanced filters (see **Filtering &amp; Searching** below).  
**Search:** Instant, real-time search across product names and subtitles.  
**Columns:**

<div class="_tableContainer_16hzy_1" id="bkmrk-column-description-p"><div class="_tableWrapper_16hzy_14 group flex w-fit flex-col-reverse" tabindex="-1"><table class="w-fit min-w-(--thread-content-width)" data-end="1901" data-start="850"><thead data-end="963" data-start="850"><tr data-end="963" data-start="850"><th data-col-size="sm" data-end="866" data-start="850">Column</th><th data-col-size="md" data-end="963" data-start="866">Description</th></tr></thead><tbody data-end="1901" data-start="1084"><tr data-end="1197" data-start="1084"><td data-col-size="sm" data-end="1100" data-start="1084">**Products**</td><td data-col-size="md" data-end="1197" data-start="1100">Thumbnail, **Name** link (e.g. “teast”), and subtitle below (e.g. “Teast”).</td></tr><tr data-end="1314" data-start="1201"><td data-col-size="sm" data-end="1217" data-start="1201">**Reference**</td><td data-col-size="md" data-end="1314" data-start="1217">Custom SKU or reference code (or “–” if none).</td></tr><tr data-end="1431" data-start="1318"><td data-col-size="sm" data-end="1334" data-start="1318">**Project**</td><td data-col-size="md" data-end="1431" data-start="1334">The Project the product belongs to (or “–” for global).</td></tr><tr data-end="1548" data-start="1435"><td data-col-size="sm" data-end="1451" data-start="1435">**Category**</td><td data-col-size="md" data-end="1548" data-start="1451">Primary Category label (e.g. “Test”).</td></tr><tr data-end="1665" data-start="1552"><td data-col-size="sm" data-end="1568" data-start="1552">**Price** ⇅</td><td data-col-size="md" data-end="1665" data-start="1568">Numeric price in your currency. Click header to sort ascending/descending.</td></tr><tr data-end="1782" data-start="1669"><td data-col-size="sm" data-end="1685" data-start="1669">**Status** ⇅</td><td data-col-size="md" data-end="1782" data-start="1685">Active (green) or Inactive (gray) badge. Click header to sort.</td></tr><tr data-end="1901" data-start="1786"><td data-col-size="sm" data-end="1802" data-start="1786">**Actions**</td><td data-col-size="md" data-end="1901" data-start="1802">✏️ **Edit** opens the Edit form; 🗑️ **Delete** permanently removes the product (with confirm).</td></tr></tbody></table>

</div></div>**+ Add (top-right):** Opens the “Add product” form (see below).

##### Filtering &amp; Searching

Click **Filter** to open these options:

1. **Name** – Free-text search on the product name.
2. **SKU** – Free-text search on SKU/reference.
3. **Reference** – Dropdown of existing reference codes.
4. **Categories** – Multi-select categories.
5. **Price** **range** – Enter a **From** and **To** value to set a minimum/maximum price range (e.g. 10 – 300).
6. **Show only** – Checkboxes for Active or Inactive.

After choosing criteria, click **Save** to apply filters (the Total count updates accordingly).

##### Adding a Product

**Open the Form:** Click **+ Add** in the Products table header.

**General Section**

1. **Project** – (Required) Select the Project context.
2. **Name** – (Required) Enter the product name.
3. **Categories** – Pick one or more categories for discovery.
4. **Reference** – (Optional) Select or type a reference/SKU.
5. **SKU** – (Optional) Enter your own SKU.
6. **Price** – (Required) Numeric price.
7. **Active** – Toggle on to make the product live.

**Images**

1. **Main image** – Drag-drop or browse to upload a primary photo (jpg/png).
2. **Main external image** – Paste a URL to load an off-site image.
3. **Additional images** – Upload multiple supporting photos.
4. **Additional external images** – Paste URLs for extra photos.

**Properties:** JSON editor for custom key/value attributes (e.g., color, weight).

**Save:** Click **Save** to create the product. It immediately appears in the table.

##### Editing a Product

Click ✏️ in the Actions column to open the Edit panel, which has two tabs:

**A. General Tab**

Identical to the Add form, but pre-populated. You can:

1. Change Name, Categories, Reference, SKU, Price, Active state.
2. Update or replace images.
3. Modify JSON **Properties**.

**B. Contents Tab**

This tab manages translations, page content, and SEO metadata:  
**Languages** – Select the target language badge (Ar, En, Es, Zh, etc.).  
**Title** – Localized product title for the storefront.  
**Subtitle** – Short tagline or description.  
**Page meta title** – SEO title tag.  
**Page meta description** – SEO meta description tag.  
**Properties** – JSON editor for any locale-specific attributes.  
**Text** – Rich-text editor for detailed product description, features, specs.  
**Clone translation from:** Opens a modal to select a source language; copies its fields into the current language.  
**Translate:** Invokes an integrated translation service (e.g., OpenAI) to auto-translate all fields into the current language.  
**Save:** Click **Save** (bottom-left) to apply edits in both tabs.

##### Deleting a Product

Click 🗑️ in the Actions column. A confirmation tooltip appears:

> **Are you sure?** \[Cancel\] \[Delete\]

1. **Delete** – Permanently removes the product.
2. **Cancel** – Closes the tooltip without action.

<p class="callout info">**Audit Logging:** Every deletion registers the product name, user, and timestamp in the system audit log.</p>

With these tools, the Marketplace **Products** module becomes a powerful, project-scoped catalog manager—fully searchable, sortable, localized, and audit-ready.