Two H1 titels- shopify and pagefly

Shopify Apps

Topic summary

A user is experiencing duplicate H1 tags on their Shopify collection pages due to using PageFly for custom content sections. PageFly’s H1 appears first, followed by Shopify’s default collection H1, creating an SEO issue.

Proposed solutions include:

  • Using CSS to hide Shopify’s default H1 while preserving PageFly’s H1
  • Editing the Shopify theme code to convert the collection title to an H2 or remove it completely
  • Implementing JavaScript to dynamically adjust heading tags

The discussion remains open for additional solutions, with the core challenge being maintaining proper heading hierarchy while keeping PageFly content at the top of the page.

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

Hi All,

I am using PageFly to create visually appealing and structured content for my collection pages. PageFly inserts a section (which I created) into my regular Shopify collection. As a result, the PageFly content appears first, followed by the standard Shopify collection, which only includes the title (H1), breadcrumbs, and product carousel.

Last week, I noticed that this setup results in two H1 tags—one from PageFly and one from the Shopify collection. I know I can change the PageFly H1 to an H2, but since it appears first on my page, it should ideally remain an H1.

Does anyone have any good tips or alternative solutions to resolve this?

Any help would be much appreciated!

2

Hi @RubenS ,

You can resolve the duplicate H1 issue by hiding or modifying the default Shopify collection title. One option is to use CSS to hide Shopify’s H1 while keeping the PageFly H1. Another approach is to edit the Shopify theme code to change the collection title to an H2 or remove it entirely. If SEO is a concern, you can also use JavaScript to adjust the heading dynamically.