# Trending Products Grid

Give shoppers a quick, high‑confidence way to discover what’s hot on your store. The **Trending Product Grid** automatically surfaces items that are gaining traction based on real customer activity. It’s perfect for homepages, category landing pages, and campaign hubs where you want to boost engagement and conversions with minimal manual effort.

***

### What “Trending” Means

A product is considered **trending** when it shows increased momentum across one or more signals (your store’s configuration may vary):

* Recent purchases and checkout frequency
* Add‑to‑cart rate and product page views

***

### Benefits

**1) Higher conversion with social proof**\
Customers trust what others are buying. Trending products leverage this social proof to increase click‑through and add‑to‑cart rates.

**2) Freshness without manual curation**\
The grid updates automatically as trends shift—no ongoing merchandising effort required.

**3) Cross‑category discovery**\
Expose popular items from across your catalog to boost AOV and help shoppers discover new ranges.

**4) Seasonal & campaign alignment**\
As demand responds to promotions or seasonality, the grid adapts, keeping your pages relevant.

**5) SEO & UX gains**\
Lower pogo‑sticking and stronger internal linking from high‑interest items improve engagement signals and session depth.

***

### How to Add a Trending Product Grid

Follow these steps to place a Trending grid on any content page:

1. **Open the page** where you want to add the grid (e.g., Homepage or a landing page).
2. Click **Edit** to enter the page editor.
3. **Add a Product Grid** block/part to the layout (drag and drop into the desired grid area).
4. In the grid’s **Settings** panel, locate **Data Source**.
5. From the **Data Source** dropdown, **choose&#x20;*****Use Trending***.
6. (Optional) Configure display options: number of items, columns, badges, “quick add,” price/rating visibility.
7. Click **Save** (or **Apply**) to commit settings.
8. **Publish** the page to take the changes live.


---

# 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://support.storefront.co.za/release-notes/new-features/2025-new-features/september-2025-new-features/trending-products-grid.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.
