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.

  1. Customer experience is awful
  2. 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

Related portfolios

Leave a Reply

Your email address will not be published. Required fields are marked *