I’m encountering a strange issue that even Shopify support hasn’t been able to resolve, so I’m hoping someone here might have some insight.
Our client operates multiple stores with various markets and languages (NA, EU, UK, and MX, each with multiple markets and languages). They’re working with an SEO agency to implement the correct hreflang attributes for each store. Our task was to compile these attributes and render them dynamically in the head—fairly straightforward.
To avoid conflicts, I asked Shopify to disable their auto-generated hreflang attributes, which they did. We then implemented custom logic in a snippet to compile and render the correct attributes dynamically in the theme’s head.
Here’s the issue: while the snippet appears to work, it only renders the x-default attribute and none of the others. Oddly, the space for the missing attributes is still being allocated in the head (see the screenshot I’ve provided). Shopify suggested it might be caused by an app, but I’ve disabled all app embeds, and the issue persists.
The code is currently in an unpublished “Testing” theme, but I also tried deploying it to the live theme to rule out any theme-specific quirks—same result.
I’m wondering if this is just a simple oversight on my part. I expected Shopify to point out an obvious fix, but even their team seems stumped at the moment.
Has anyone else experienced something similar? Any guidance or suggestions would be greatly appreciated.
@daniel we tried doing this dynamically at first, a few different ways, but at this point we’re just outputting exactly what the SEO agency our client works with gave us based on the page the user is viewing. Again, the space is allocated in source, so I feel like the snippet is trying to render something…
I’ve noticed that all the link tags in your snippet have a closing slash ( />), while the one rendered in the HTML code does not (>), so I believe the link element that is being rendered does not come from your snippet.
It would be helpful adding some HTML comments to determine which block of code from the if/elsif/else conditions is rendering (if any).
