# Spotlight picks

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

**Spotlight Picks** feature is a great way to highlight promotions, discounts, or featured products on your Shopify store.

## How to access Spotlight picks

{% hint style="success" %}
Steps:

1. In Shopify, navigate to **Online Store** > **Themes** > **Customize**.
2. In the left-hand panel, locate the **Overlay Group** section and click on **Spotlight picks**.
   {% endhint %}

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

## How to edit Spotlight picks

### Section settings

* **Spotlight message**: A message that shows on top of the modal.
  * **Color scheme**: Choose a scheme to match your store’s branding. See [Colors](/hyper-theme/theme-settings/colors.md)
  * **Message**: Add a promotional message, such as “🎉 Free Express Shipping on orders over $500!”.
  * **Text alignment**: Align the message (e.g., Left, Center, or Right).
* **Section header**: Give the offer a heading and adjust its sizing.
* **Open spotlight button**: The **Open spotlight button** is designed to provide customers with quick and easy access to your **Spotlight picks** section.

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

### Block settings

You can add two types of blocks to the Spotlight Picks section: **Item** and **Discount**.

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

{% tabs %}
{% tab title="Item" %}
{% hint style="info" %}
This block highlights featured products or promotions with a **Shop** button.
{% endhint %}

<figure><img src="/files/zACFFVdWGhcqgT2mdRP3" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Discount" %}
{% hint style="info" %}
This block highlights discounts with a **Copy** button for promo code.

For this, add an available discount code of your store. See [how to use Shopify Discounts](https://help.shopify.com/en/manual/discounts/discount-types#discount-codes).
{% endhint %}

<figure><img src="/files/d8eYOghjSb4o3cHwWvXB" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

***

<figure><img src="/files/6RW1JWuKNf9ovVFLkLXc" alt=""><figcaption><p><a href="https://apps.shopify.com/xflow?utm_source=foxecom&#x26;utm_medium=help_center_hyper&#x26;utm_campaign=banner">Install XFlow Back In Stock Automation FREE</a></p></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/hyper-theme/pages-global-sections/spotlight-picks.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.