Shopify themes, liquid, logos, and UX
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).
Solved! Go to the solution
This is an accepted solution.
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.
This is an accepted solution.
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.
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.
Do you want to change the url for all products on your store t?
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.
You should remove the |within : collection and just leave the product.url.
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.
Remove all if you want no collection to appear in the products url.
Thank you so much! The first problem is solved. Do you have any idea about the second issue?
User | RANK |
---|---|
229 | |
165 | |
66 | |
55 | |
49 |
On our Shopify Expert Marketplace, you can find many trusted third party developers and fr...
By Arno Nov 27, 2023You've downloaded the Search & Discovery app from the Shopify App store, and as you're ...
By Skye Nov 8, 2023The year-end shopping season is just around the corner. Is a flash sale on your radar? Are...
By Jasonh Nov 6, 2023