Problems with product variations url

[Samgarg]

Hello there,

Refrence URL:- https://athflex.com/products/limitless-joggers-deep-blue

1. This Shopify store have a single url for the product url (if we choose any sizes such as small, medium, large, x-large then the slug(url) remains same as https://athflex.com/products/limitless-joggers-deep-blue

How? Why there is no variation id? 

I also want to do this on my Shopify store.

2. If we go on the refrence URL then there is also a variation of color that is brown and when we click on it then the url will change to https://athflex.com/products/limitless-joggers-brown. There is 2 different urls for colour variation.

I want to apply these on my Shopify store. Please help me to do the same. I am not able to find these options.

[made4Uo]

Hi @Samgarg 

Depending on the theme you are using, theme like Dawn does update the url to show the variant IDs with the variant selection. Some themes only have it work on the back end and change the url with the cart submission. 

[Shay · Accepted solution]

Hi @Samgarg 

If you are wanting to make your URL show as the custom product descriptor instead of the variant ID number, this can only be done on a headless storefront. Shopify's storefront does not support that URL structure change. A headless store uses Shopify's backend, but an external host for the website.