# Configuring a Featured Collection with Compliance

***

### Why This Extra Step Is Needed

CrushSuite's collection page compliance embed works automatically on your store's collection pages (e.g., /collections/red-wines). But featured collections displayed on the homepage are a different Shopify component — they're added as "sections" in the theme customizer and don't automatically inherit the compliance embed.

To show compliance indicators on homepage featured collections, you need to add CrushSuite's featured collection section manually.

***

### Setup Steps

#### Step 1: Create Your Collection (If You Haven't Already)

1. In **Shopify Admin**, navigate to **Products** → **Collections**.
2. Click **Create Collection**.
3. Fill in the collection details (title, description, conditions).
4. Add products to the collection.
5. Click **Save**.

#### Step 2: Add the CrushSuite Featured Collection Section

1. In **Shopify Admin**, click **Online Store** → **Themes** → **Customize**.
2. Navigate to your **Homepage** in the customizer.
3. Click **Add Section**.
4. Under **Apps**, find and select **"CS Featured Collection"**.
5. The section appears on your homepage layout.
6. Repeat this step for each featured collection you want to display on your homepage.

<figure><img src="/files/Abyqo34BCfUfAH6EATYZ" alt=""><figcaption></figcaption></figure>

#### Step 3: Configure Each Section

1. Click on the newly added **CS Featured Collection** section.
2. **Select the collection** — make sure it matches the collection you want to feature.
3. Click **Save**.

#### Step 4: Customize the Compliance Badge

In the CS Featured Collection section settings, find the compliance badge options. You can customize the **text, color, size, and position** of the compliance indicator to match your store's branding.

Ensure the **collection selected in the section** matches the actual collection you're displaying. Go the the theme customizer&#x20;

1. click App Embeds
2. Open CS4. Collection
3. Edit your compliance badge

<figure><img src="/files/MV4qVF8BmZMKLkH7P6cG" alt=""><figcaption></figcaption></figure>

#### Step 5: Save and Preview

Click **Save** and preview your homepage. Compliance badges should now appear on the featured collection products, matching the behavior you see on standard collection pages.

***

### Important Notes

* **Use the CrushSuite section, not Shopify's default.** If you use Shopify's built-in "Featured Collection" section, compliance indicators won't appear. You need the **CS Featured Collection** section from the Apps category.
* **One section per collection.** If you feature three different collections on your homepage, you'll add three CS Featured Collection sections.
* **Badge settings are per-section.** You can customize the badge appearance independently for each featured collection section.

***

### Troubleshooting

**Compliance badges not showing on homepage collections:** Make sure you're using the CS Featured Collection section (from Apps), not Shopify's default Featured Collection section.

**Collection not displaying the right products:** Verify that the collection selected inside the CS Featured Collection section settings matches the intended collection.


---

# 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://crushsuite.gitbook.io/docs/compliance/storefront-and-checkout/configuring-a-featured-collection-with-compliance.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.