# Collection spotlight

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

Customers delve into the product's details.

{% hint style="success" %}
Steps

1. In the theme editor (**Customize**), click **Add section.**
2. Locate **Collection Spotlight.**
3. **Save.**
   {% endhint %}

### Collection spotlight settings

#### 1. Section header

Use the provided text fields to add a suitable heading, heading size, button styles. Leave it blank if you do not want to display it. Adjust the text alignment as Left/Center&#x20;

<figure><img src="/files/2llHOHwJNEEogOvESJqi" alt=""><figcaption></figcaption></figure>

#### 2. Product List

Choose more products to show in Products List

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

#### 3. Featured Product

Control what to show on the product card.

* **Show vendor:** display vendor/brand names under the product title.
* **Show product review:** display ratings from the customers ([A review application](/megamog-theme/getting-started/integrate-shopify-review-apps.md) is required).
* **Show quantity status:** display quantity of product.
* **Show sale badges:** show sale product

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

#### 4. Product card settings

Set the suitable **Aspect ratio** for your image card. There are 4 options:

* Adapt to image
* 1:1 (square image)
* 3:4
* 4:3
* 16:9

You can enable/disable showing product vendors in the product cards of this section.

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


---

# 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://docs.foxecom.com/megamog-theme/theme-sections/collection-spotlight.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.