How to remove shopify product url variant at the end of the url?

Shopify Discussion
1

hi
i want to remove the variant=1234567 from my url pages. my product pages do not have multi variants and my url looks bad. working on palo alto theme

https://acpcovers.com/products/bimini-top-replacement-6-ft-42-inch-68-72-inch?variant=44240919593243

url.jpg
url.jpg759×157 10.1 KB

2

i was think i could edit this code? this is what i was looking at:

file name3.png
file name3.png741×449 18.8 KB

file name2.png
file name2.png852×517 25 KB

file name4.png
file name4.png834×410 19.8 KB

3

Yo not sure does it work on your theme but I had the same issue and this is how I got around it. Go to edit code find folder: global.js in that folder search for:

updateURL() { if (!this.currentVariant || this.dataset.updateUrl === ‘false’) return; window.history.replaceState({}, ‘’, ${this.dataset.url}?variant=${this.currentVariant.id}); }

Replace with:

updateURL() {

if (!this.currentVariant || this.dataset.updateUrl === ‘false’) return;

}

4

I’m not sure if this is your issue as well, but you’ll see this issue if you use the Bold Subscriptions app, thanks to their bsub.js file, _updateHistoryState. I reached out to their support team and they said,

“This is the expected behaviour of the app
No changes can be made to the bsub.js file at this time. I can submit a request to the developers so that they can be aware of this.”

5

If you want to remove variant from the url.

Here is a quick fix using a simple code snippet.

  1. Go to store dashboard → edit code → theme.liquid

  2. Find <head tag in theme.liquid file and just in the next line paste below javascript code.