ShineTrust User Guide
  • What is ShineTrust?
    • Why ShineTrust?
    • App Installation
    • Plan & Pricing
    • Support Policy
  • Badges Instruction
    • Dash Board
      • Product Badges
      • Trust Badges
      • My Badges
    • My Badges
      • Custom Badge
      • Upload Badge
    • Product Badge
    • Trust Badge
    • Automation
    • Development Tools
  • FAQs
    • App Installation
      • How do I install ShineTrust ?
      • I've installed ShineTrust App. How do I open the app?
    • Automation
      • What is Automation feature?
      • How can I stop an active Automation?
      • How to check if the Automation is live?
      • Will the badges be automatically removed once the schedule expires?
    • Product Badges
      • How can I replace/undo/remove badges from my products?
      • How to decide which product badges to use?
      • How can I apply more than 1 badge to a product?
    • Trust Badges
      • How to delete a badge item out of Trust Badge list?
      • How can I pause Trust Badges on my store?
      • Can I change the positions of Trust Badges?
      • Is it possible to set the Trust Badge to be visible only on certain collections?
      • How do I specify the Trust Badge to show on certain products?
      • Is it possible to change the size other than the 3 default options (Small, Medium, Large)?
      • How to change the heading of Trust Badge?
      • I have knowledge of HTML, CSS, can I fill in the custom location by myself?
      • How to choose where to display Trust Badge on store?
      • How do I choose where I want to display the Trust Badge on the store?
      • How to use the locate function when the store has a password?
      • Can I hide/show the Trust Badge heading?
    • My Badges
      • Why I can't upload badges?
      • How can I delete badge?
    • Plans & Pricing
      • What happens when I cancel my Subscription Plan?
      • What is the Refund & Cancellation Policy?
      • How will I be charged monthly?
      • What is the pricing plan of ShineTrust?
    • Support
      • How can I reach out for help?
      • How can I uninstall ShineTrust App?
      • Does ShineTrust impact the website's performance?
      • What to do if I am unable to launch the ShineTrust App?
  • Changelogs
    • What are the new features in version 2.0?
Powered by GitBook
On this page
  1. Badges Instruction

Development Tools

Tools for developers to optimize displayed badges on your stores

PreviousAutomationNextApp Installation

Last updated 2 years ago

  • Product Badge Wrapper Selector: The CSS selector code of the element containing the badge. Multiple selectors can be selected, each group separated by a comma (,). For example: .product-item, .products .product-loop

  • Excluded Selector: The CSS selector code of the element you don't want the badge to be displayed in. Multiple selectors can be selected, each group separated by a comma (,). For example: .product-item-excluded, .products .product-loop-excluded

  • Resize Badge when width of badge larger than: Display badge according to the aspect ratio of the image frame. When the badge is larger than the scale, the badge will automatically shrink to the set scale. Default value: 20%.

  • Equal Badge Height: In some cases, multiple badges display with different heights. This option helps the badge to display more evenly.

  • Badge's Height Dimension: Maximum height of badges. Note: This feature is only used when 'Equal Badge Height' is selected.

  • Turn OFF ajax mode: By default, the system initiates automatic detection of newly added products (search, load more, collection filter, etc.) to display the badge. If your theme does not use AJAX functions, you can enable this feature. It will make the performance better.

  • Custom CSS: Add custom CSS code to change some styles.

Development Tools