> ## Documentation Index
> Fetch the complete documentation index at: https://sentiment-docs.arhamwebworks.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Product carousel

The **Product Carousel** section displays a horizontally scrollable row of product cards from a selected collection, paired with an editorial heading, collection metadata fields, and a view-all link. It gives customers a preview of a collection without committing them to a full grid — ideal for homepages, campaign pages, and "you may also like" placements.

<Frame>
  <img src="https://mintcdn.com/arhamwebworks-95d5f818/1LaJPzRPvFD5XJSV/images/product-carousel.webp?fit=max&auto=format&n=1LaJPzRPvFD5XJSV&q=85&s=f81e9fcf080524fe5570b6414c739a6a" alt="Product Carousel" width="1919" height="910" data-path="images/product-carousel.webp" />
</Frame>

### How to Add the Section

1. From your Shopify admin, go to **Online Store → Themes** and click **Customize**.
2. Navigate to the page where you want to add this section.
3. Click **Add section** and select **Product carousel**.
4. Select a collection, fill in the content fields, and click **Save**.

### Section Settings

#### Content

* **Eyebrow:** Small label above the heading.
* **Heading:** Main section heading.
* **Meta 1 / 2 / 3 — Label & Value:** Three metadata pairs displayed alongside the heading (e.g., "Edit / Solstice · 01", "Pieces / 24 total", "Release / Winter · 11·26").
* **View all label:** The label on the view-all CTA button.
* **View all URL:** The link for the view-all button. Falls back to the collection URL if left blank.

#### Source & Display

* **Full width:** When enabled, the section stretches edge-to-edge.
* **Collection:** Select the Shopify collection to pull products from.
* **Products to show:** Number of products to display in the carousel (range: 4–16).

#### Style

* **Color scheme:** Choose a color scheme for the section.

#### Spacing

* **Padding top / Padding bottom:** Control vertical spacing around the section.

<Frame>
  <img src="https://mintcdn.com/arhamwebworks-95d5f818/1LaJPzRPvFD5XJSV/images/product-carousel-1.webp?fit=max&auto=format&n=1LaJPzRPvFD5XJSV&q=85&s=2a7f646926d91533141e33456313c68e" alt="Product Carousel Settings" width="1919" height="914" data-path="images/product-carousel-1.webp" />
</Frame>
