How to add extra badges

Store Design

Topic summary

A user seeks guidance on adding custom badges to product pages and product cards in their Shopify store.

Initial Setup Process:

  • Navigate to Shopify Admin → Settings → Custom Data → Metaobject definitions
  • Create a metaobject named “grt_badges” with specific configuration settings (shown in screenshots)
  • Add code snippet to the card-product.liquid file: {% render 'grt_badge', product:card_product, tagtype:"card" %}
  • Enable required settings in the theme customization panel

Implementation Details:

  • Insert CSS code in theme.liquid file above the </head> tag
  • Additional code provided for styling adjustments
  • Badge can be added via app block in theme editor

Additional Requests:
The discussion expands to include:

  • Adding gray background hover effect on header menu
  • Changing menu item colors (CSS code provided)
  • Adjusting mega menu width and height (question remains unanswered)

The conversation is ongoing, with the latest question about mega menu dimensions not yet resolved.

Summarized with AI on October 26. AI used: claude-sonnet-4-5-20250929.
34

Hi @NOT1 , Pls try with this code:

Hope this can help you :heart_eyes: