# Product Badge

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

#### **1. Choose Industry**:&#x20;

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

![Dashboard of Product Badges](https://3137359664-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1RAeIMFPQkdVfsP2GGGB%2Fuploads%2FVIy8JbU5AVBqkjkTbVDn%2Fproduct-badge-preview.png?alt=media\&token=a7085f71-ef7f-4e30-9f1d-0acd7cc64e44)

**2. Search Badge:**&#x20;

Search badge on your interest or name

**3. List Badges**:&#x20;

* 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. \
  &#x20;   \- **Create Badge**: Display popup form to create [**Custom Badge**](https://guide-shine-trust.shinecommerce.co/badges-instruction/my-badges/custom-badge). \
  &#x20;   \- **Upload Badge**: When hover into **Create Badge,** the dashboard will show up [**Upload Badge**](https://guide-shine-trust.shinecommerce.co/badges-instruction/my-badges/upload-badge) next to it. Click to upload badges.<br>

![List Badge's Feature](https://3137359664-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1RAeIMFPQkdVfsP2GGGB%2Fuploads%2FIxhSfeojPOdnqmvHKQwV%2Fshow-upload-badge.gif?alt=media\&token=c693700e-8cca-4597-8280-0d683907796d)

**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](https://3137359664-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1RAeIMFPQkdVfsP2GGGB%2Fuploads%2FCQQLXeda4oEXaprYX2qP%2Fselect-preview-badge.gif?alt=media\&token=a2142a4a-604e-4841-9162-b29242b6542b)

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

![Badge Position](https://3137359664-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1RAeIMFPQkdVfsP2GGGB%2Fuploads%2FJ1rM6ZoeZtSzUZygJjm1%2Fchange-position.gif?alt=media\&token=02ad1515-3854-466d-b075-18d8b2caf5bc)

\
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](https://3137359664-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1RAeIMFPQkdVfsP2GGGB%2Fuploads%2FUOO4dY1u9zrMaqttmyA7%2Fchange-size.gif?alt=media\&token=d2aea8a2-c2ea-4e73-8f0e-852da9e379ed)

&#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](https://3137359664-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1RAeIMFPQkdVfsP2GGGB%2Fuploads%2FiT8sY3v4RJFvEDTrna23%2Fquick-tool-scroll.gif?alt=media\&token=1f062838-fab6-4c9d-b679-13638d2f81b7)

**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.
