> For the complete documentation index, see [llms.txt](https://crushsuite.gitbook.io/docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://crushsuite.gitbook.io/docs/compliance/storefront-and-checkout/configuring-a-featured-collection-with-compliance.md).

# Configuring a Featured Collection with Compliance

Featured collections are the product showcases on your homepage — "Best Sellers," "New Releases," "Staff Picks," and similar highlights. By default, featured collections use Shopify's built-in collect

***

### 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="https://3906158595-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FagSKdREExJMSW7WgxBLr%2Fuploads%2FiFLZDGCeVfTCfJhGIoMz%2FCleanShot%202026-03-12%20at%2014.27.08.png?alt=media&amp;token=5e2f1350-ce59-4cad-887b-dd1de4cdda66" 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

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

<figure><img src="https://3906158595-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FagSKdREExJMSW7WgxBLr%2Fuploads%2F39U6m4gaEzRZ00xSmQ4d%2FCleanShot%202026-03-12%20at%2014.29.17.png?alt=media&amp;token=c7e60269-13a2-41d5-8c2b-07ffa1d3630b" 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.