Short codes

Header

4 tokens under the header.* namespace. Drop these anywhere the SSR layer can see them — HTML, attribute values, JS, or CSS.

Overview

4 tokens under the header.* scope. Resolves on every page.

Usage

Drop a token anywhere the SSR layer will see it — HTML body, attribute value, inline JS, or inline CSS.

Inline in markup

<mmm-pdp-title>{{header.cart_count}}</mmm-pdp-title>
<!-- rendered -> -->
<mmm-pdp-title>3</mmm-pdp-title>

Inside attribute values

<a href="/p/{{pdp.slug}}" title="Buy {{pdp.title}} for {{pdp.price}}">Shop</a>

Identity & flags 4

TokenPage bindingComponentDescription & sample
{{header.cart_count}}anyheader-cart.jsCart count badge value at page load number
Sample: 3
{{header.wishlist_count}}anyheader-wishlist.jsWishlist count badge number
Sample: 5
{{header.search_placeholder}}anyheader-search.jsSearch input placeholder
Sample: Search products…
{{header.announcement}}anyheader-topbar.jsAnnouncement / topbar text
Sample: Free shipping over ₹499

Tips

  • Tokens are case-sensitive — {{header.title}} resolves; {{HEADER.TITLE}} does not.
  • Whitespace inside the braces is tolerated: {{ header.title }} works identically.
  • Unresolvable tokens fall through as empty strings rather than rendering the raw placeholder, so missing-data states stay clean.