Change url structure collections page and product page (trade theme)

Store Design
, , ,
1

Hi All,

I hope someone can help me with the following (i asked in the wrong part of the forum platform before). I know there is no easy way to change the URL structure as shown below; however, I hope someone can explain it to me very simple and with an easy walkthrough to get this done, either by editing the code or pointing out something I might have missed in Shopify.

Examples urls

Collections:

Current url:
https://theonlinecollective.nl/collections/jbl-speakers

I want it to be:

https://theonlinecollective.nl/collections/jbl/speakers

Speakers needs to be a sub-collection of the main collection JBL collection and this should also be reflected in the URL. Also fine if the wording collections is not visible in the url structure, but not a must

Product:

Current product url:

https://theonlinecollective.nl/products/jbl-bluetooth-speaker-charge-5

I want the product url to be:
https://theonlinecollective.nl/collections/jbl/speakers/products/jbl-bluetooth-speaker-charge-5

So i want the collection and sub collection added to the product url structure. Currently no collection is added to the url structure. Also fine if the wording collections and products are not visible in the url structure, but not a must

Thanks! R.

2

Hi @TOC-MR ,

With Terrarium is the tag of the product in the collection.

3

Hi,

this already better than it’s right now. How do you do this? And how does it work with tags? Since you don’t want to have all the tags in url

ex collection

Ex: https://theonlinecollective.nl/collections/growing-concepts-terrariums/Terrarium

if i understand correct Terrarium is the tag. But where is growing-concepts-terrariums coming from? Just to understand how it’s built

4

For example the collection url ideally needed to be

Ex: https://theonlinecollective.nl/collections/growing-concepts/terrariums

5

Hi @TOC-MR ,

It comes from the collection’s products, you can refer to it:

Screenshot.png
Screenshot.png788Ă—486 19.8 KB

6

Is it also possible to get the collections urls like below?

Ex: https://theonlinecollective.nl/collections/growing-concepts/terrariums

or

https://theonlinecollective.nl/collections/back-to-school/schriften-notitieboeken

7

Hi @TOC-MR ,

Everything is possible. You just need to change the collection handle, or create a new collection.

And then add tags to the products, you can use the corresponding links

8

Hi, maybe it’s me but on the live enviroment (chrome) the urls are not working yet, and don’t see them reflected in the navigation. only when i click on above link

TOCMR_0-1719761955039.png
TOCMR_0-1719761955039.png1360Ă—703 36.5 KB

  • i noticed the tagging is visible in the meta data…

TOCMR_1-1719762405913.png
TOCMR_1-1719762405913.png775Ă—418 535 KB

  • it’s also not clear for me where the rules are added
9

Hi @TOC-MR ,

There will be 2 steps:

Screenshot.png
Screenshot.png674Ă—252 11.8 KB

10

hi,

still some questions

-is this something automatic?

-will it always use the first tag?

-Where in the backend are those rules added?

the tagging is stil visible in the meta data. See for example: below page meta data. I think it’s happening when you create a collection or adjust an collection

https://theonlinecollective.nl/collections/growing-concepts-terrariums/terrariums

TOCMR_1-1719769241262.png
TOCMR_1-1719769241262.png497Ă—259 259 KB

11

Hi @TOC-MR ,

It won’t be automatic and you can use any product tag, not just the first tag.

Therefore, you can add any tag to it

12

hmzz, i don’t think that this is a soltution that is sustainable from a manual work and SEO perspective. However thanks for trying :slightly_smiling_face: I reverted to an old copy of the theme.

1 Like
13

Hi @TOC-MR ,

If you have any questions, you can contact me directly, nice to meet you

14

We can modify URL structure in our shopify store: