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

[RyanCheong]

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.

[oscprofessional]

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 </body> tag:

<script>
$('.product-block__title').each(function() {
  const html = $(this).html();
  const updatedHtml = html
    .replace(/\bMen's\b/gi, "MEN'S")
    .replace(/\bWomen's\b/gi, "WOMEN'S");
  $(this).html(updatedHtml);
});
</script>

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 <script> block just before the </body> tag.

5. Save the changes.

[Dan-From-Ryviu]

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; }