Shopify Client Errors Resolved
I noticed a lot of recent 404 pages being reported on a menswear Shopify site.
I found out that the developers had attempted to change the vendor link on the product pages and had left malformed code on the page, resulting in a 404 link from every product page on the website. The problem stemmed from a rogue equals sign being left in the code.
This was identified as a critical issue that needed fixing urgently for 2 reasons.
- Customer experience is awful
- Search engine rankings could be negatively impacted by having so many 404 links
I reviewed the Shopify theme and identified the issue with the main-product.liquid page.
The code was written out like this:
<a href="{{ routes.collections_url }}/={{ product.vendor | handleize }}" class="reversed-link">{{ product.vendor }}</a>
when in fact the equals shouldn’t have been left in
<a href="{{ routes.collections_url }}/{{ product.vendor | handleize }}" class="reversed-link">{{ product.vendor }}</a>
A simple fix but one that was very important to identify and get fixed as soon as possible