Jump to content

How to create two separate Navigations for one website?

Recommended Posts

Posted

I want to know how to create two separate navigations for two separate sections of our website.

The idea is that, our company is branching out into two separate types of services - Composites technology and Rubber technology. And we want to demonstrate that by dividing our website visitors into two separate branches of the website from the Home page, meaning the Home page will prompt the audience to choose whether Composites or Rubber. And each branch will have its separate navigation. How do I make this possible?

Our website: https://www.taniq.com/

  • Replies 5
  • Views 2.3k
  • Created
  • Last Reply

Top Posters In This Topic

Posted
19 minutes ago, KhanhLy174 said:

I want to know how to create two separate navigations for two separate sections of our website.

Take a look at a solution for using different languages as you should be able to use this for the two services instead. For example, Brad's excellent guide, How to setup multi-language content on any Squarespace Template.

Did this help? Please give feedback by clicking an icon below  ⬇️

Me: I'm Paul, a SQSP user for >18 yrs & Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥.
Work: Founder of SF.DIGITAL. We provide high quality original extensions to supercharge your Squarespace website. 
Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links.
Forum advice is completely free. You can thank me by selecting a feedback emoji. Buying a coffee is generous but optional.

Posted
1 hour ago, paul2009 said:

Take a look at a solution for using different languages as you should be able to use this for the two services instead.

Hi,

I just tested this solution on a test website. It works, however, my concern is that we will have to change our URLs so that they contain a certain element for the code to recognize in order to separate the navigations, for example /en/ and /es/ in the instruction. 

The majority of our current web pages can be categorized in the Rubber branch of the website. For all these pages, we don't have a fixed element in the URL such as /rubber/ next to the domain for the code to recognize.

For the Composites branch which we plan to create, will have /composites/ next to the domain, and all future pages added to this branch will have /composites/ in the URL. Some existing pages in the current website that will go to Composites branch in the future, also don't have a fixed element in their URLs. We do consider compromising SEO and add /composites/ to the URLs of these pages because they are only a few pages.

So my concern is, if we have to do so for the entire Rubber branch, this would hugely impact our SEO since nearly all of our URLs would have to change. Is there a way to do this without having to rely on a change of URLs?

  • 4 months later...
Posted
On 9/4/2024 at 3:53 AM, charlesalbert said:

Hi Khan, 

Did you find a solution for your problem? If yes, are you willing to share it?

Thanks!

You can use this approach to achieve your want. With this code, you can hide specific navigation items on a specific page, so my ideal is add all items to main navigation, then on each page belong specific categories, you can use code to hide specific navigation items

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.