How can I change the URL structure for products on my website?

[uchiha123]

I’m aiming to change the URL structure for my website. Currently my product appears like this when accessed through the collection page: domain/collection/collection name/product name/variant.

I want a uniform structure for this common product on all collection pages, like this: domain/product/product name/variant. How can I make this happen? Redirecting all pages seems impractical for SEO, so I’m looking for alternative options.

Additionally I have one product with multiple variants, and each variant has its own collection. I’d like it so that if a customer clicks on say, the iPhone 15 variant, the loaded product page automatically selects iPhone 15 from all the variants. How can I achieve this?

I’ve included two images to make things clearer. These screenshots are from another website that has the ideal system I’m looking to implement on my website (which is also built on Shopify).

[Abdosamer]

Hi @uchiha123 , I don’t have access to theme files, but you should search for the collection template of your theme and locate : {{ product.url | within: collection }}, you will just need to remove the the |within:collection filter that manipulates the product original url.

[uchiha123]

https://techshieldny.com/ this is my website url. There are several {{ product.url | within: collection }}. So I’m kind of confused which one to change.

[Abdosamer]

Do you want to change the url for all products on your store t?

[uchiha123]

Suppose I’m browsing the neon case collection and select a specific product within that collection, I want the URL format to be domain/products/product name rather than domain/collection/products/product name. I want it same for all collections. The same url will be used for a single product in all collections when clicked. I hope I made this clear. Still if you have confusion you can check this website: flauntcases.com and try shop by style>select any collection>product>check the url vs ours.

[Abdosamer]

You should remove the |within : collection and just leave the product.url.

[uchiha123]

Actually there are several codes. Which one do I have to remove? I found some under mm-product.liquid and some other under product-card-grid.liquid.

[Abdosamer]

Remove all if you want no collection to appear in the products url.

[uchiha123]

Thank you so much! The first problem is solved. Do you have any idea about the second issue?

[error401]

Hi , I would like to find it and also modify it in the refresh theme because since yesterday I cannot find it thank you for your help

[francess]

How can i do this in my minimalin-v1-1-6 shopify theme collection file beacuse i didnot find the file can you help me on this

[puffvapesto]

Did you find the solution ?

[MRamzan]

We can customize URL structure for any page in our shopify store:

Shopify SEO Hack: Remove /pages/ from URLs for a Cleaner, More Professional Look!

[Mani007]

Hi, I want to do the same for my website (Impact Theme) but I can not find href= “{{ product.url | within: collection }}” in any of my theme files. How can I find these Shopify paths: /products, /collections, /collections/all?

[SmokyMtn01]

How do you remove the word collection and the word product in the url’s? Be Yours Theme

[Andre1689]

Hello,

I’m using the Capital theme on my Shopify store (chezcarpus.com), and I’d like product links to use only the canonical URL format:

/products/product-name

Currently, many links include /collections/…/products/…, which creates unnecessary redirects and potential SEO issues.

I couldn’t find any {{ product.url | within: collection }} in the theme files, so I assume URLs are generated differently in Capital.

Could you let me know how to force product links to use only the canonical /products/… path, or where I can modify this in the theme?

Thanks in advance,