Why does my liquid code return an empty string for canonical URL?

[Gonkas]

Hi,

We are trying to return the true canonical value instead of an url with a search parameter.

So instead of having something like this:

[domain]/collections/jackets-coats?page=srnqqdjnmld

We would like to show something like this:

[domain]/collections/jackets-coats

Does anyone knows why the following code returns an empty string?

 {% assign canonicalUrl = {{ canonical_url }} %} 
 
 {% assign secondUrl = canonicalUrl | split: '?' | last %}
 {% if secondUrl != 'page=2' %}
 {% assign canonicalUrl = canonicalUrl | split: '?' | first %}
 {% endif %}

<link rel="canonical" href="{{ canonicalUrl }}" />

 Code above works in a liquid sandbox.

Thanks.

Cheers,

Gonkas

[LitCommerce · Accepted solution]

Hi @Gonkas,

Please change code:

{% assign canonicalUrl = canonical_url %} 
 
{% assign secondUrl = canonicalUrl | split: '?' | last %}
{% if secondUrl != 'page=2' %}
{% assign canonicalUrl = canonicalUrl | split: '?' | first %}
{% endif %}

<link rel="canonical" href="{{ canonicalUrl }}" />

Hope it helps!

[LitCommerce · Accepted solution]

Hi @Gonkas,

Please change code:

{% assign canonicalUrl = canonical_url %} 
 
{% assign secondUrl = canonicalUrl | split: '?' | last %}
{% if secondUrl != 'page=2' %}
{% assign canonicalUrl = canonicalUrl | split: '?' | first %}
{% endif %}

<link rel="canonical" href="{{ canonicalUrl }}" />

Hope it helps!

[adamsweden]

Shouldn't it be:

{% if secondUrl == "page=2" %}

Your code doesn't work for me, but after making that change it does.

[isis-mtnez · Accepted solution]

The issue is extra {{  }}      {% assign canonicalUrl = {{ canonical_url }} %}

This is the correct code:   {% assign canonicalUrl =  canonical_url  %}

But the canonical URL is the page's "default" URL with any URL parameters removed so nothing more needs to be done.

For example, for a product in a collection with a variant selected:

https://example.com/collections/classics/products/shoes?variant=17287731270

The canonical URL is the product page:  https://example.com/products/shoes

Have a great day!!!

---

- Was I helpful? Like to let me know 🙂

- Did I answer your question? Mark my reply as Accepted Solution

[Gonkas]

Thanks both, it was extra {{ }}.

Shopify should work that out but it doesn't so needs this "hack".

Have a great day!