Add superscript in product title, Dawn theme

Store Design

Topic summary

A user seeks to add superscript formatting for ® (registration mark) symbols in product titles on the Dawn theme.

Solution Provided:

Two approaches were shared:

  • Copy/paste method: Directly paste the HTML entity ® into product titles, which renders as superscript
  • Code modification: Edit theme files to automatically convert ® symbols to superscript:
    • For product pages: Modify main-product.liquid in the Sections folder
    • For product grids: Modify card-product.liquid in the Snippets folder
    • Replace instances of {{ card_product.title | escape }} or {{ product.title | escape }} with code that uses .replace to wrap ® in <sup> tags

Status: The original poster confirmed the code solution worked successfully.

Related Requests:

Other users asked about:

  • Implementing similar functionality in the Debut theme (different file structure)
  • Reducing the size of superscripted ® symbols, as copy/paste method produces oversized results
  • Applying superscript TM symbols to collection page titles
Summarized with AI on November 11. AI used: claude-sonnet-4-5-20250929.
1

Is it possible to superscript ® (registration) marks in titles? I saw another post providing code to a liquid file in the snippets section (product-grid-item) but I did not have that piece of code in this theme.

Example:

https://shop-erdman.kramermadison.com/products/carhartt%C2%AE-duck-traditional-coat

1 Like
2

Hi @kramermadison

I copy/paste your superscript and it pass as a superscript on my title. See image below

This is the copy/paste superscript

®

made4Uo_0-1662567662505.png
made4Uo_0-1662567662505.png1182×621 87.4 KB

Anyway, if the copy/paste option does not work, you can do the following

  1. From your Admin Page, click Online Store > Themes >Actions > Edit code

To change the title in the product page:

  1. Open the main-product.liquid under the Section folder

  2. Find all {{ product.title | escape }}, then replace those codes with the code below.

{{ product.title | escape | replace: "®", "<sup>®</sup>"}}

To change the title in the product page:

  1. Open the card-product.liquid under the Snippet folder

  2. Find all {{ card_product.title | escape }}, then replace those codes with the code below.

{{ card_product.title | escape | replace: "®", "<sup>®</sup>"}}
2 Likes
3

The code worked great. Thanks!

1 Like
4

Hello, I have the same issue in the Debut theme but couldn’t find the section and the snippet you mentioned. I need to add a TM superscript to my product titles. If I do this by copy/paste it looks too big and eyesore. Thank you.

5

Is there any chance you could tell me how to superscript and reduce the size of the ® in the titles of my web pages. Specifically this is what I’m trying to reduce the size of the ® on - https://29and11.com/collections/pendants. Any help would be greatly appreciated!!