Custom Page Template for Product Type & Sub Product Type Categories

Shopify Discussion
1

This is a menu & custom page template question:

I have created custom page templates and added a collection list to each custom page template relating to that Product Type/Group/Collection (ONLY Collection links can be added to a Collection List) I was wondering whether a custom page template can be connected to a Collection Link in some way:

I have a Custom page template with 2 x Product Type/Group/Collections & one of these Product Type/Group/Collection has a sub-category within this collection category.

Can anyone give me insight on how best I can show this on my custom page template ?

Thank you

2

Yes, you can connect a custom page template to a collection link. Here’s how you can do it:

  1. In your Shopify admin, go to Online Store > Navigation.
  2. Click on the menu where you want to add the link to your custom page template.
  3. Click on the “Add menu item” button.
  4. Enter the name of the link in the “Name” field.
  5. In the “Link” field, enter the URL of your custom page template. The URL should be in this format: /pages/your-page-handle.
  6. Click on the “Save menu” button.

Once you’ve added the link to your custom page template, you can add a Collection List to your custom page template and link it to the collection you want to show on the page. If you have a sub-category within the collection category, you can add another Collection List and link it to the sub-category.

I hope this helps! Let me know if you have any other questions.

3

Hi Nyqropi

Thank you for your reply

I know how to add a custom page template to the Navigation Menu - and add a collection to it via Theme customise

My problem is that I have a collection which has a sub-category and this sub-category has many sub-categories

i.e.

Main Menu Item 2 x Sub Categories 4+ x Sub-Sub Categories

Diff Housing & Axles -------> Housing Hardware ------> Diff Covers

-------> Axles -------> Housing Ends

-------> Housing Studs

-------> Inner Axle Seals

I have succeeded in setting up a custom Page template for the Main Menu Item (ie. Diff Housing & Axles) & then set up a custom page template with collections for 2 x Sub- Categories & which I have linked to my Navigation Menu so far so good - but I cannot work out how to set up and link a custom page template with collections (being sub-sub categories) to link to the sub-categories

I am trying to create the menu via photos of the collections & sub-collections on the custom page templates

Sorry if this sounds a bit confusing - its only because I am so confused with it

Regards

Tina

4

Hi,
I hope you are doing good.
What should be customized in your custom page template ?
If you have a menu setup and you want to call that on custom page then it is also possible.
You can use Link List (Menu) object to iterate over that menu and show it on the page.
Can you please be specific and provide some more information ?
I hope the above is useful to you.
Thanks!

5

Hi Pawankuar

Thank you for your reply

My problem is that I have a collection which has a sub-category and this sub-category has many sub-categories

i.e.

Main Menu Item 2 x Sub Categories 4+ x Sub-Sub Categories

Diff Housing & Axles -------> Housing Hardware ------> Diff Covers

-------> Axles -------> Housing Ends

-------> Housing Studs

-------> Inner Axle Seals

I have succeeded in setting up a custom Page template for the Main Menu Item (ie. Diff Housing & Axles) & then set up a custom page template with collection list for 2 x Sub- Categories & which I have linked to my Navigation Menu so far so good - but I cannot work out how to set up and link a custom page template with collections (being sub-sub categories) to link to the sub-categories

I am trying to create custom page template for each collection with collection lists as a menu for the collections & sub-collections on these custom page templates

Sorry if this sounds a bit confusing - its only because I am so confused with it

Regards

Tina

6

Also, I do not know what a Link List (Menu) is or how it works

7

What are sub categories & sub-sub categories ?
Are you using tags, product type or something else to differentiate sub-categories ?

Thanks!

8

You can use liquid to iterate menu items if you are going that way using liquid engine in shopify

9

Collection (Main) Collection (Secondary) Product Types (Also set up as Collections)

Main Menu Item 2 x Sub Categories 4+ x Sub-Sub Categories

Diff Housing & Axles -------> Housing Hardware ------> Diff Covers

-------> Axles -------> Housing Ends

-------> Housing Studs

-------> Inner Axle Seals

The reason I have set up Collections even for Product Types is that originally we were using a drop down Shop Menu with drop down menus for sub-categories & further drop down menus for sub-sub categories

Now i want to still have a SHOP drop down menu but instead of having drop down sub-categories etc I would like to set up the Custom Page Template with collection lists re-directing customers to the products by clicking on a photo

10

Or ideally have only SHOP NOW in the header menu and by clicking this be re-directed to a (main) collection custom page template with photos and have customers navigate to the collections & sub-collections etc via this page

11

Thank You Pawankumar

I don’t know or understand liquid - i don’t have knowledge of coding

Thanks anyway

12

I think, you need to require some custom liquid coding on custom page template
Something like this


{% for link in linklists.main-menu.links %}
- {{ link.title }}
  {% if link.links != blank %}
  

      {% for child_link in link.links %}  
      - {{ child_link.title }}
          {% if child_link.links != blank %}
      

            {% for grandchild_link in child_link.links %}  
              - {{ grandchild_link.title }}
            {% endfor %}
      
          {% endif %}   
    
      {% endfor %}
   
  {% endif %} 

{% endfor %}

You can further alter it as per your need

13

Replace ‘main-menu’ to your navigation menu

14

I apologise - what do you mean by:

" Replace ‘main-menu’ to your navigation menu"

in relation to what of what we have been discussing??

15

Thank you so much for your time and effort Pawankumar

Unfortunately, I do not understand this custom liquid code and how to change it

16

The code above is related to iterate multi level navigation menu and it is iterating menu with slug/handle main-menu, if your menu is different, you can replace that
If you are able to do it and want the same, you can try this
This can be altered to show image as well
Thanks!

17

Thank you so much

I will try and let you know how it went

Regards