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

jamesdemongin · ‎01-25-2023

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...

jamesdemongin · ‎01-25-2023

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

MagnifyPixels · ‎02-11-2023

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;

}

lissa2882 · ‎12-12-2023

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."

MRamzan · ‎04-07-2025

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.

Hire Me:

WhatsApp: +91-9145985880
Email: mohdramzaan112@gmail.com
Skype: mohdramzaan112

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

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

Community Blog Articles