Two H1 titels- shopify and pagefly

[RubenS]

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!

[CodingFifty]

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.