TT Badges & Product Labels
TT Badges & Product Labels (tt-blocks) is a no-code visual app for Shopify merchants. Build storefront content blocks (trust badges, buttons, coupons, brand icons, product image labels, and more) through the admin editor and wizard, and control exactly which pages and visitors see each widget.
Image: a storefront collage showing typical tt-blocks widgets in action — product-page badges, floating brand icons, cart coupon, footer trust badges.
What problem it solves
Section titled “What problem it solves”Adding storefront content blocks usually means editing theme Liquid or installing several single-purpose apps. tt-blocks bundles visual component editing + display rules + localization into one app, so merchants can:
- Avoid theme code — widgets inject through a Theme App Extension
- Cover badges / buttons / coupons / brand icons / payment icons / product labels in a single app
- Use 9 visibility dimensions (products / customers / geo / device / schedule / UTM, …) to control exposure
- Auto-switch translations by Shopify locale
Typical use cases
Section titled “Typical use cases”| Scenario | What to use |
|---|---|
| Product-page trust badges (“7-day no-fuss returns” / “Authentic guarantee”) | Trust Hero / Trust Marquee templates |
| Cart-page coupon prompt that auto-copies into checkout | Coupon component + cart placement |
| Footer row of Visa / Mastercard payment icons | Payment Icons component + footer placement |
| Floating WhatsApp / WeChat contact cluster in the bottom-right | Floating Icons + messaging preset |
| Product-image labels like “Sale 25%” / “New” | Label widget + 4 built-in presets |
| Scheduled 11.11–11.13 promo that auto-publishes / expires | Schedule dimension + time window |
Components
Section titled “Components”11 component types, used standalone or composed:
- Heading / Text
- Button / Button List
- Badge / Badge List
- Brand Icon (item) / Brand Icons (container)
- Payment Icons
- Coupon
- Label chip (product-image only)
See Components.
Widget types
Section titled “Widget types”Three behavior modes, derived from placement:
- Complex — product page / cart / footer / other concrete placements (most common)
- Floating — viewport-edge floating
- Label — product-image overlay
See Widget types.
Free vs Pro at a glance
Section titled “Free vs Pro at a glance”| Free | Pro | |
|---|---|---|
| 11 component types · 7 placements · 4 color schemes | ✅ | ✅ |
| Unlimited widgets · multi-language · theme-derived bundles | ✅ | ✅ |
| 8 visibility dimensions, on / off toggle | ✅ | ✅ |
products.byProduct (specific products) | demo: max 5 | unlimited |
customers.authState (logged-in / guest) | ✅ | ✅ |
Pro filters: products (tag / collection / vendor / type / price / inventory / metafield), variants sub-fields, customers (tag / lifetime spent / order count / locale) | ❌ | ✅ |
Pro dimensions: geo country / region, schedule start / end / recurring, traffic UTM / referrer, device UA regex | ❌ | ✅ |
| Hide theme elements + per-widget Advanced CSS | ❌ | ✅ |
See Plans and Billing tier.
Recommended reading path
Section titled “Recommended reading path”- Install and enable — from App Store install to enabling the theme app embed
- Quick start — 10 minutes through the basics
- Widget creation wizard / Editor overview — go deeper
If you’re specifically building product-image labels, jump to Quick start (label).