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

HELP...Navigation Folder click trough link stoped working!!!

Question

Hi,

in navigation menu I have Folder with pages in it, normally Folder wasn't clickable only submenu so few years ago I have added this code in to the folder title to make it clickable:

<a href="/indoor-moebel">INDOOR</a>

and it was working flawlessly till yesterday. On Brine template now opens up first page in a folder and on Supply template it does notting as it is by default...

Please help I really need this click trough function!!!

Thanks in advance

Share this post


Link to post

12 answers to this question

Recommended Posts

  • 3

@simplywhytedesign @dariokomazec There were quite a few people running into the problem so here's a quick tutorial that should help. 🙂

 


If an answer I provide helps you, please mark it as the answer so others can easily access it as well.

I'm a Squarespace Authorized Trainer, a Squarespace Expert, and a Circle Member and I would love to help you in any way I can.

Book Live Help | Squarespace Video Tutorials

Share this post


Link to post
  • 0

Something has indeed changed because a number of users are reporting the same symptoms and the issue can be replicated. However, as nothing has been announced by Squarespace it isn't clear if this is a deliberate decision to close another HTML loophole (they started doing this in September 2018 to improve the security model) or whether this is an unexpected behaviour caused by something else.

It may be worth contacting Squarespace Customer Care to report the unusual behaviour in case it is symptomatic of a larger issue, but as they don't support code, I don't know how you'll fair. Do let us know.


sf-digital-signature-logo-email145.png.46606a2288a2847f44d81b9b7b58f3a5.png
Hi, I'm Paul, founder of SF Digital, a specialist company building the features that Squarespace didn't include
I am a Squarespace Developer and Squarespace Circle Leader with a
strong reputation on the Squarespace Forum. I'm trusted by thousands of Squarespace users worldwide, including designers, freelancers, business owners and agencies. My extensions add capabilities to Squarespace websites around the globe. They include the Enquiry Form ExtensionDate Picker Extension and Age Verification ExtensionNeed a custom Squarespace extension? Tell me about the functionality you need. Note that some links in my posts may be affiliate links.

Share this post


Link to post
  • 0

I have the same issue. This should be something you can do in Squarespace without the need of coding.

Share this post


Link to post
  • 0

Same problem here. Squarespace Customer Care told me I was using custom code on my folders and they couldn't help me.

When you click on a folder in the navigation it now takes you to the first item in the folder. So if you add a link to the folder and make it the first item in the folder, clicking on the folder in the navigation will take you to that link.

If you don't want the link to show up in the submenu you can hide the first item of a folder with CSS. In the Brine template family it should be this code:

.Header-nav-folder :nth-child(1) {display: none !important;}


I hope this workaround will help you guys.
It's rather annoying that a workaround needs to be used, when Squarespace could simply add the option to add custom links to folders.

Share this post


Link to post
  • 0
On 12/24/2019 at 7:08 AM, Vigasan said:

@simplywhytedesign @dariokomazec There were quite a few people running into the problem so here's a quick tutorial that should help. 🙂

 

Hi,

Tried following your video. I changed the class around but I can't seem to get it to work. One thing I noticed though, the class you used seems to have a different format than mine.     $(".folder-collection folder").eq(0).prop('href', '/projects'); Do I use it as is?

I'm using the Hudson template. Website is habitechsystems.com.au.

Thanks!

Share this post


Link to post
  • 0
4 hours ago, bca88 said:

Hi,

Tried following your video. I changed the class around but I can't seem to get it to work. One thing I noticed though, the class you used seems to have a different format than mine.     $(".folder-collection folder").eq(0).prop('href', '/projects'); Do I use it as is?

I'm using the Hudson template. Website is habitechsystems.com.au.

Thanks!

Since your template doesn't have clicks on the folder name by default, you have to do it manually by using JQuery to wrap your folder name in <a> tags, and then setting the default <a> take to pointer-events: none so that only your manual tags can be clicked.


If an answer I provide helps you, please mark it as the answer so others can easily access it as well.

I'm a Squarespace Authorized Trainer, a Squarespace Expert, and a Circle Member and I would love to help you in any way I can.

Book Live Help | Squarespace Video Tutorials

Share this post


Link to post
  • 0
18 hours ago, Vigasan said:

Since your template doesn't have clicks on the folder name by default, you have to do it manually by using JQuery to wrap your folder name in <a> tags, and then setting the default <a> take to pointer-events: none so that only your manual tags can be clicked.

The folder's class name is "folder-collection folder". I'm confused because of the space since classes i'm used to don't have spaces.

I added this to the home's code injection. Am I doing it right? it doesnt seem to do anything.

<script>
  $( ".folder-collection folder" ).wrap( "<a href=''></a>" );
</script>

Also, did I use the correct class name to get this to work? TIA! 🙂

Edited by bca88

Share this post


Link to post
  • 0
21 hours ago, bca88 said:

The folder's class name is "folder-collection folder". I'm confused because of the space since classes i'm used to don't have spaces.

I added this to the home's code injection. Am I doing it right? it doesnt seem to do anything.

<script>
  $( ".folder-collection folder" ).wrap( "<a href=''></a>" );
</script>

Also, did I use the correct class name to get this to work? TIA! 🙂

you should provide site url. Difficult to check class without site url


You can send your question to my email to get faster answer. I provide free priority support in this crazy time. 

How to Setup Password & Share URL - Free Templates - Free Code - CSS ID List

Share this post


Link to post
  • 0
3 minutes ago, tuanphan said:

you should provide site url. Difficult to check class without site url

site url is habitechsystems.com.au, my question is related to the nav bar

 

Share this post


Link to post
  • 0
On 1/23/2020 at 11:18 AM, bca88 said:

The folder's class name is "folder-collection folder". I'm confused because of the space since classes i'm used to don't have spaces.

I added this to the home's code injection. Am I doing it right? it doesnt seem to do anything.

<script>
  $( ".folder-collection folder" ).wrap( "<a href=''></a>" );
</script>

Also, did I use the correct class name to get this to work? TIA! 🙂

Classes don't have spaces. "folder-collection folder" means it has two classes. You can target either ".folder-collection" or ".folder".

Edited by Vigasan

If an answer I provide helps you, please mark it as the answer so others can easily access it as well.

I'm a Squarespace Authorized Trainer, a Squarespace Expert, and a Circle Member and I would love to help you in any way I can.

Book Live Help | Squarespace Video Tutorials

Share this post


Link to post

Create an account or sign in to comment

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


×
×
  • Create New...