Where to edit this custom coded line (Men's / Women's) to all caps in the homepage and collection?

I would like to edit the (Men’s and Women’s) - custom coded to all caps (MEN’S and WOMEN’S) in homepage and collection page. Could you please advise where to edit the code?

The Shopify page is colehaan-my.myshopify.com.

Hi @RyanCheong ,

To ensure the text transformation is applied correctly across all product titles, please add the following JavaScript code in your theme.liquid file, just before the closing tag:


Steps:

  1. In your Shopify admin, go to Online Store > Themes.

  2. Click Actions > Edit Code on your current theme.

  3. Open the layout/theme.liquid file.

  4. Scroll to the bottom and paste the above block just before the tag.

  5. Save the changes.

Hi @RyanCheong

The simple way is to add a code to make all your product titles uppercase.

You can do that by adding this code to Custom CSS in Sales channels > Online Store > Themes > Customize

.product-list .product-block__title { text-transform: uppercase; }