Prodcut Page Not Capitalzing

Topic summary

A user needed help changing the text “PRODUCT” to “ALL PRODUCTS” and capitalizing it on their Shopify collection page. They couldn’t find the option in the slide editor.

Solution provided:

  • Navigate to Shopify admin > Online store > Edit code
  • Open the “theme.liquid” file
  • Add custom CSS code above the </head> tag

The code uses CSS pseudo-elements to:

  • Hide the original heading text
  • Replace it with “ALL PRODUCTS” at 40px font size
  • Target specifically the /collections/all page URL

Outcome: The solution successfully resolved the issue. The user confirmed it worked as intended.

Summarized with AI on November 1. AI used: claude-sonnet-4-5-20250929.

Hi guys, was wondering if anyone knew how to capitalize the word PRODUCT and change the text to “ALL PRODUCTS” in the picture attached? I’ve searched everywhere in the slide editor bar but I can’t find the option to edit the text anywhere.

Website URL: https://id0et1-1k.myshopify.com/

Website Password: ildeth

Thank you!

Hi @cynoapparel

I hope you are well. You can follow our instructions below:

1/ Shopify admin > Online store > Edit code: https://prnt.sc/M4p-gua99Uf4
2/ Search for “theme.liquid” file: https://prnt.sc/b6xveIKe-Rh2
3/ Open the file and search for tag and add the following code above tag: https://prnt.sc/KWtKYyZkDtYJ

Here is the code for Step 3:

{% style %}
{% if canonical_url == "https://id0et1-1k.myshopify.com/collections/all" %}
h1.collection-hero__title::before {
    content: "ALL PRODUCTS";
    font-size: 40px;
}
h1.collection-hero__title {
    font-size: 0 !important;
}
{% endif %}
{% endstyle %}

Please let me know if it works. Thank you!

Best,
Daisy - Avada Support Team.

Hey Daisy, it worked! Thanks for the help :slightly_smiling_face: