Shopify All Collection Page title change?

Store Design

Topic summary

A user is trying to rename the page title on Shopify’s “All Collections” page, specifically targeting the .collection-hero__title element that they cannot locate in standard settings.

Primary Solutions Offered:

  • Edit Default Theme Content: Multiple respondents recommend navigating to Actions > Edit default theme content, then searching for and modifying the title/page heading for Products or Collections.

  • Theme Customizer Route: Access via Online Store > Themes > Customize, then modify the Collection List template’s page heading.

  • CSS Workaround: One suggestion involves using CSS pseudo-elements (::before) to visually replace the title text while hiding the original content.

Additional Context:

Several helpers requested the store URL and theme name for more specific guidance. Screenshots were provided showing the exact navigation path through Shopify admin (Sales Channels > Online Store > Themes > Edit default content > Page titles > Products).

The discussion remains open with multiple viable approaches presented but no confirmation from the original poster about which solution worked.

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

How to rename the page title on the All Collections page? It’s this collection-hero__title shopify element, I can’t seem to find it in the shopify settings.

2

Online Store-Customize

Collection List-Template-Page Heading

3

Hi @timonj,

Please go to Actions > Edit default theme content > Find title and change it.

Or send me the code of the file, I will check and guide you to change it.

If I helped you, then a Like would be truly appreciated.

4

You can see and change it from your store admin > Sales Channels > Online Store > Themes > click “…“ in the current theme > Edit default content > click on search Icon, enter Products then you can change it from Page titles > Products

Screenshot 2025-08-13 at 09.51.27
Screenshot 2025-08-13 at 09.51.272860×692 57.2 KB

Screenshot 2025-08-13 at 09.49.50
Screenshot 2025-08-13 at 09.49.501320×392 14.5 KB

Best regards,

Dan from Ryviu: Reviews & QA

1 Like
5

Hello @timonj

Can you share your site URL and the theme name are you using

6

Hi @timonj

There’s a fairly simple and quick way — you can use the ::before pseudo-element for the element.

If you want to keep the default but just show something different visually:

.collection-hero__title::before {
  content: "Browse Our Collections";
}
.collection-hero__title {
  font-size: 0; /* hide original text but keep element */
}
.collection-hero__title::before {
  font-size: 2rem; /* your desired size */
}

Could you please provide the website URL so that I can guide you in more detail?

7

Please navigate to Actions > Edit Default Theme Content, locate the Title, and update it as needed.

Alternatively, you can share the code file with me, and I will review it and provide guidance on making the necessary changes.

If you found my assistance helpful, your positive feedback would be greatly appreciated.

Regards :

DigitalDriv