Show points anywhere: collection cards, quick view & beyond

The "earn X points" line no longer lives only on the product page. With a small copy-paste snippet, you can now show it next to any product card in your theme — collection grids, search results, quick-view modals, featured-product sections, even custom landing pages.

• Drag & drop on modern themes — on themes like Horizon, add the new Charm points badge app block right inside the product card in the theme editor and connect it to the closest product. No code at all.
• One snippet, any theme — everywhere else, paste a tiny <div> into your theme's product card and Charm fills it with the same points line, styling, and wording you configured for the product page. Nothing new to set up in the app.
• Fast by design — every card on a page resolves in a single batched request, so a 24-product collection grid costs one call, not twenty-four.
• Accurate everywhere — estimates run through the same engine as real awards: base earn rate, VIP tier multipliers, bonus campaigns, and product/collection bonus rules. Prices resolve server-side in your shop currency, so multi-currency stores show the right number too.
• Tuned for cards — placements default to a compact style: a subtle one-liner with the points value in your brand color ("+650 points"), no icon, no bold sentence competing with your product titles. One setting (or attribute) switches back to the full product-page look.
• No layout shift, no noise — the placement renders nothing until the estimate loads, and stays invisible when the program is off or a product is excluded. Filtering, infinite scroll, and quick view are picked up automatically.

You'll find the ready-made snippet under Visibility → Points on product page → Collections & other placements, and a step-by-step guide in the docs. If an agency manages your theme, this is a five-minute handoff.