# 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="/files/1DDFULiS9gasDfHpvQXA" 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="/files/A4SkUzuGkhpANWvfUHUw" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/8IVP4n6gYzoqNTTGk294" 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="/files/ezyiAYVyGIxmvyRAGwkN" 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="/files/UDxoaOVyCqXbQwOh6qGm" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/0uWjztO60QAf9YnseXaF" 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="/files/uIxnRcl49XbC8uVQE8he" 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="/files/HLrJIqcZBSJejFFJkUxt" 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)


---

# 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.samita.io/trustbadge-plus/display-highlight-on-front-store.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.
