Images, markets and money

The SDK supplies small presentation helpers for media and localized storefront display.

Images

Use ThemeImage in React-based developer-mode code, or buildThemeImageAttributes when you need the same safe image attributes on a normal element. Images are lazy and asynchronously decoded by default. Mark only an important above-the-fold image as priority.

Liquid sections normally use the media_url, media_alt, video_url, video_sources and video_poster filters.

When no product media exists, render a deliberate accessible empty-media design. Do not output an <img> with an empty or broken source.

Money

Use formatThemeMoney, formatThemeMoneyWithCurrencyCode or createThemeMoneyView. The formatter requires a real numeric amount and a three-letter currency code and uses Indian number formatting.

Formatting changes presentation only. Never calculate selling price, discount, GST, shipping or checkout totals in the theme.

Markets

createThemeMarketsView and useThemeMarkets prepare the current and available storefront markets. Use getThemeMarketHref or buildThemeMarketHref instead of constructing market prefixes manually.

Upstorr merchants operate from India. Market presentation supports the storefront experiences supplied by the backend; it does not add merchant operations in other countries.