Badges

Badges help shoppers notice important product information quickly.

They appear:

• on product cards (collections, sliders, featured products)
• on product pages

Use them for:

• discounts
• stock status
• new arrivals
• custom labels (limited edition, bestseller, etc.)

Well-designed badges improve UX, trust, and conversions.

🏷 Sale Badge

Displayed when a product has a compare-at price.

Settings

Background color
Controls the badge background.

Text color
Controls the sale label text.

Tip: Use high-contrast colors so the discount is clearly visible.

❌ Sold Out Badge

Shown automatically when inventory reaches 0.

Settings

Background color
Customize the “Sold Out” label background.

Text color
Adjust the text for better contrast.

Best practice: Use calm / neutral colors.
The goal is to inform — not frustrate.

🆕 New Product Badge

Highlight new arrivals across your store.

Settings

Date limit (days)
Define how long a product is considered “new”:

Examples:

• 7 days → weekly drops
• 30 days → longer launches

Background color
Choose a unique style for new arrivals.

Text color
Match your theme branding.

Tip: Keep the “new” period realistic — otherwise customers stop trusting the label.

⭐ Custom Badges (Metafields)

Stylescape lets you create fully custom badges using Shopify metafields.

Perfect for:

• “Limited Edition”
• “Bestseller”
• “Handmade”
• “Organic”
• “Exclusive”

Settings

Background color
Customize background to match the message.

Text color
Ensure readability against the background.

Using metafields means every product can have its own unique badge — without editing code.

⚠️ Alerts (Product Page Notices)

Alerts are informational messages — such as:

• success
• warnings
• errors
• notifications

Settings

Enable box style

When enabled:

• alerts show inside a styled box
• clearer visual hierarchy
• easier to read than plain text

When disabled:

• text appears without container styling.

✅ Summary

With Badges Theme Settings, you can:

• highlight discounts (Sale)
• clearly show out-of-stock status
• promote new arrivals
• create custom metafield badges
• style alerts for better visibility

Badges — when used correctly — help your Shopify store feel more professional, clear, and conversion-focused.