Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 22

Can I link a folder to a specific page?



As brought up here: http://answers.squarespace.com/questions/8532/folder-navigation-top-folder-doesnt-link-to-anything-can-i-get-it-to-or-remove-link-behavior

Folders should have a click through link so that it can be clicked to go to another page. It should work the same as a regular folder in that it should still have an active colour if that has been set so that if you are on a page that is held within that folder or the page the folder link is connected to the "active color" works.

Please vote up if you agree.

Another possible option is to make a special kind of page that works like a folder in that anything placed under it shows up in navigation as a drop down but it is also a normal page and can have content on it. That would save having to create a special no linked page that works with the pass through. Maybe have a check box or such for people that want it to just act like a normal Folder.

Link to comment
  • Answers 38
  • Created
  • Last Reply

Recommended Posts

No experience with Dovetail. All I can think of is to be sure you are putting this into the HEADER INJECTOR, not the CSS injector. Be sure you capitalize your folder name in exactly the same way you use it in the header. Also be sure the target URL is exactly correct as well.

Link to comment

Be sure you copy the code exactly and do not delete any of the ' marks when you copy your links into it. I suggest making the changes in a text editing window and pasting that into the Header Code Injector. Be sure you are not working on a single page, but the whole site.

Link to comment


I am using the Brine template and I have injected a similar code into my site's header, to no effect. I have tried capitalizing the text as seen in the browser and using http, https or nothing at all in the js tag, however it still doesn't work.When I hover the mouse over the folder, before clicking, I don't see the link I wrote in the href appearing in the bottom of the browser (Chrome).

Any ideas?Thanks

Link to comment

Actually, referring back to the earlier answers, if you are pointing at a js library you'll want to avoid mentioning HTTP or HTTPS otherwise you'll find it will or won't work depending on the way you're accessing your site. Better to use

<script src="//code.jquery.com/jquery-latest.min.js"></script>

Improve your online store with our extensions.
About: Sqsp Circle Leader since 2017. I value honesty, transparency, appreciation and great design ♥.
Work: Squarespace Expert and founder of SF Digital, dedicated to improving websites by building the features Squarespace didn't include™.
Content: Links in my posts may refer to SF Digital products or may be affiliate links.

Link to comment

This html goes in Settings / Advanced / Code Injection / Header...
And it works. Add more sections if you have more folders to include.

if ($(this).text() == 'Folder 2') {

Link to comment

You can do this with a bit of JavaScript hackery. Here is some code to do it using jQuery, let’s say you had a folder called “Donate Now” that contained links to other ways to donate, but if you wanted the user to be able to click the folder directly you could add to your header code injection:

<script src="http://code.jquery.com/jquery-latest.min.js"></script>
$(function() {
 $('.main-nav li a').each(function () {
   if ($(this).text() == 'Donate Now') {

That would search through your main navigation links, find the one named “Donate Now”, and change the link from nothing to, PayPal in this example, put whatever you want there.

Cheers,Forrest (cloudyreason.com)

Link to comment


This topic is now archived and is closed to further replies.

This topic is now closed to further replies.

  • Create New...