# Spotlight picks

<figure><img src="https://3026705042-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAJrvmfqcj9TMoPkl3bNc%2Fuploads%2FKN3XE8tt3RPkSDm2rOyg%2FHyper%20docs%20screenshot%20do%20not%20delete%20(66).jpg?alt=media&#x26;token=941d8e34-6d57-4542-8bb3-f354b7fda18d" 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="https://3026705042-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAJrvmfqcj9TMoPkl3bNc%2Fuploads%2Fm3EBZ1lRgEPpOU1S9dB8%2Fimage.png?alt=media&#x26;token=64d62eea-9ed0-4e16-91af-27c21ba13ac3" 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](https://docs.foxecom.com/hyper-theme/theme-settings/colors "mention")
  * **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="https://3026705042-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAJrvmfqcj9TMoPkl3bNc%2Fuploads%2FOlYWHmFYVOPccxLXl6ck%2Fimage.png?alt=media&#x26;token=ea5463f2-b398-412f-b4d2-3bffbab8d6ba" alt=""><figcaption></figcaption></figure>

### Block settings

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

<figure><img src="https://3026705042-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAJrvmfqcj9TMoPkl3bNc%2Fuploads%2FlJ7BwWck0ywp5U06Atl9%2Fimage.png?alt=media&#x26;token=b2cfe0c2-7054-432f-bc18-c948da79ea95" 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="https://3026705042-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAJrvmfqcj9TMoPkl3bNc%2Fuploads%2FodWMC09cJ38aUC5xuXDH%2Fimage.png?alt=media&#x26;token=a486a239-7ceb-4ef4-a7d6-1b6554ee956a" 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="https://3026705042-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAJrvmfqcj9TMoPkl3bNc%2Fuploads%2Fl6TZeSq6jAA2u8hnRiai%2Fimage.png?alt=media&#x26;token=21ad9d44-bce7-4acc-96ab-e492dcff4aed" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

***

<figure><img src="https://3026705042-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAJrvmfqcj9TMoPkl3bNc%2Fuploads%2FkUIzEsJKOeRiz891zyf5%2Flivechat883x471%20(1).png?alt=media&#x26;token=90cbed2c-e791-49c8-9f43-49a08bed6f1f" 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>
