> For the complete documentation index, see [llms.txt](https://guide-shine-trust.shinecommerce.co/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://guide-shine-trust.shinecommerce.co/badges-instruction/product-badge.md).

# Product Badge

Once you install **ShineTrust - Badges & Labels** app for product badges, launch the app from your Shopify Admin Dashboard.

#### **1. Choose Industry**: 

Click into the right corner of dashboard, Return on Dashboard choose **Industry**

![Dashboard of Product Badges](/files/aDxaLifsCfrRorSfiRVU)

**2. Search Badge:** 

Search badge on your interest or name

**3. List Badges**: 

* Display the library of 1000+ pre-made badges. Click on one badge or more to choose badges.
* If you want to delete, just click again to delete it. \
      \- **Create Badge**: Display popup form to create [**Custom Badge**](/badges-instruction/my-badges/custom-badge.md). \
  &#x20;   \- **Upload Badge**: When hover into **Create Badge,** the dashboard will show up [**Upload Badge**](/badges-instruction/my-badges/upload-badge.md) next to it. Click to upload badges.<br>

![List Badge's Feature](/files/pFajzWTx3m16IZkDgRfX)

**4. Badge Preview**:&#x20;

Display all chosen badges on Preview Mode according to these index below:&#x20;

* Badge's Preview Image
* Badge position
* Badge size
* Badge Motion Effect

(\*)To change the product for chosen badges, you can click to choose others on '[**6.** **List Products**](#6.-product-filters)'&#x20;

\
**5. Editor**: Provide Adjustment Badges

&#x20;    **5.1 - Badge Queues**: Display thumbnails of the selected badges. Click badge to select, click 'close' to delete

![Badge Queues](/files/f3HlQAYU4ZQerBM60QCr)

&#x20;   **5.2 - Position**: Change badge's location in 4 primary locations: top left, top right, bottom left and bottom right.

![Badge Position](/files/n5OS4ugMncNP5gsyy5EF)

\
Alternatively, you can customize the location to your interest by clicking the 'expand' button at the bottom.\
&#x20;  **5.3 -** **Size**: Change the size of the badge. Supports 3 main sizes: S (small), M (medium), L (Large). Also, you can change the custom size by dragging the ranger slider.

![Badge Size](/files/ahZkSBS7VtUDF9bi9K5z)

&#x20;  **5.4 - Animation**: Set motion effects for badge.\
&#x20;  **5.5 - Availability**: Set badge display schedule. Rules:

* Do not enter start and end dates: Badge is displayed as soon as it is initialized
* Enter only start date: Badge shows from start date
* Enter start and end dates: Badge displays in the interval between 2 days

***\* Invalid cases:***

* Do not enter the correct date and time format
* Enter a start date greater than the end date
* Enter the end date but not the start date &#x20;

&#x20;  **5.6 - Quick Tools**: Display 2 icons Animation and Availability to quickly move to their positions

![Quick Tools for Animation and Availability](/files/OWhs2nSXX8w8tx9A7BUN)

**6. Product Filters**: Search Field and Product Preview

&#x20;    **6.1 - Search Field**: Search product according names\
&#x20;   **6.2 - Product Review:** Click on the Eye Icon to see Product on Review with Badges.