How to change currency symbols to a different size than prices in Shopify

Mercari's initiative of "making the ¥ symbol smaller significantly improved purchase rates" has attracted attention, but here is an example of how to actually display the currency symbol in a different size from the price in Shopify. The price is usually output together with the symbol, so we use replace to replace it.

The purchase rate improved significantly when the price "¥" symbol was made smaller.

The results of features change dramatically depending on the "experience." We asked Mercari, which is celebrating its 10th anniversary, about the development of new features behind the scenes. Three successful measures.

markelabo.com

How to change the currency symbol to a different size than the price

[Settings (for the Dawn theme)] Add code to replace the price display in "price.liquid" with the currency symbol enclosed in tags.