# Display Highlight on front store

### Display Highlights on all product pages

**Step to manage**&#x20;

1. From the app admin page, click **Highlights** > open the Highlight you want&#x20;
2. Click the **Display** icon on the left > **Show highlight on**, tick on the checkbox **Product page**
3. Click **Save**&#x20;

Now the Highlight automatically shows up on the product page. Please go to the front store to check the result.

<figure><img src="https://923643257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVXaD6Uu3NKgHHQdE4Zm1%2Fuploads%2FESsXiuTknP3M9aWDrz0x%2Fimage.png?alt=media&#x26;token=10236740-82e7-41ed-b419-cc4e99d887ae" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
**Note**

With this setting, the trust badge will automatically show up on all product pages below the add to cart button.&#x20;

You don’t need to customize more.&#x20;
{% endhint %}

***

### Apply Highlight to selected products

This setting allows you to display the highlight on a specific product on the product page that you want.&#x20;

**Step to manage**

&#x20;1\. From the app admin page, click **Highlights** > open the Highlight you want&#x20;

2\. Click the **Display** icon on the left > **Condition** section > click **Add another condition** button > Set up the condition like this:  **Select Products – is equal to – (selected items)**<br>

<figure><img src="https://923643257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVXaD6Uu3NKgHHQdE4Zm1%2Fuploads%2F4M1zxk6ixH0ZhW3DBbSo%2Fimage.png?alt=media&#x26;token=134d19f6-0e1a-4108-aec5-c00ac7ca173c" alt=""><figcaption></figcaption></figure>

3\. Click **Select items** > Add the products you want for the condition&#x20;

<figure><img src="https://923643257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVXaD6Uu3NKgHHQdE4Zm1%2Fuploads%2F3tIaAZgvzDBBMZPkm1xo%2Fimage.png?alt=media&#x26;token=99316779-aa88-4dca-a13b-e88f69c07e51" alt=""><figcaption></figcaption></figure>

4\. Click **Save**

***

### Display Highlights at a specific position

Our app provides you the shortcode of the Highlight that allows you to place it at any position you want.&#x20;

Note: Only use the shortcode when you want to place it in a specific position.&#x20;

**Steps to manage**&#x20;

&#x20; 1\. Open the app, click **Highlights** > open the Highlight you want&#x20;

&#x20; 2\. Click the **Display** icon on the left > **Shortcode** section > Copy the Shortcode of the Highlight

<figure><img src="https://923643257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVXaD6Uu3NKgHHQdE4Zm1%2Fuploads%2F7vUvCYhwhYTafdGXVGtX%2Fimage.png?alt=media&#x26;token=2bd9dee7-ec37-4d1b-a945-d84e26a56b36" alt=""><figcaption></figcaption></figure>

&#x20;3\. Go back to the Shopify admin page > **Online stores** > **Themes** > **Customize** (the theme you want) > open the page template you want

&#x20;4\. Click **Add section** > find the app block of **Samita Highlights** > click **Add**

<figure><img src="https://923643257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVXaD6Uu3NKgHHQdE4Zm1%2Fuploads%2FqKLJ2HrRIrjnJIn8wC9U%2Fimage.png?alt=media&#x26;token=af5a6114-14aa-422a-af4b-699d2ef9dac9" alt=""><figcaption></figcaption></figure>

&#x20;5\. In the block content, paste the shortcode of the Highlight

<figure><img src="https://923643257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVXaD6Uu3NKgHHQdE4Zm1%2Fuploads%2FmgqvstWTuG58xPwnwKcs%2Fimage.png?alt=media&#x26;token=3e3b928f-59ed-4958-8871-ecafc6a8e3b3" alt=""><figcaption></figcaption></figure>

&#x20;6\. Drag and drop the block the change the position of the badge on the product&#x20;

&#x20;7\. Click **Save** to update the changes in the theme editor<br>

***

### Display Highlights for logged-in customers

**Step to manage**&#x20;

1. From the app admin page, click **Highlights** > open the Highlight you want&#x20;
2. Click the **Display** icon on the left > **Conditions** > Click **Add another condition**&#x20;
3. Set up the condition as below: ***Customers – Is Logged In***
4. Click **Save** to update the changes

On the front store, only customers who logged into the customer account can see the highlight on the product page.&#x20;

<figure><img src="https://923643257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVXaD6Uu3NKgHHQdE4Zm1%2Fuploads%2FBPq24TQMgsmuy3fKRJ5H%2Fimage.png?alt=media&#x26;token=41114445-6411-4783-90ea-42d6529250ee" alt=""><figcaption></figcaption></figure>

***

### Display Highlights for tagged customers

This setting allows you show the Highlight on the front store and only customers with specific tag can see it.&#x20;

**Steps to manage**&#x20;

1. From the app admin page, click **Highlights** > open the Highlight you want&#x20;
2. In the **Display** tab > Condition section > set up the condition like this: **Customer tag – is equal to – wholesale \[**&#x65;xample]
3. Click **Save**&#x20;

{% hint style="info" %}
Note: The condition is case-sensitive. Make sure you enter the correct&#x20;
{% endhint %}

<figure><img src="https://923643257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVXaD6Uu3NKgHHQdE4Zm1%2Fuploads%2FK8anO2Ua4T76oZue9DQ8%2Fimage.png?alt=media&#x26;token=531f5f27-0d9c-4c5a-8f41-35593e922e41" alt=""><figcaption></figcaption></figure>

> ### **Need support?**
>
> If you do encounter any difficulty while proceeding these steps, don’t show any hesitation to contact us promptly via the email address [support@samita.io](https://help.samita.io/support@samita.io)
