Jump to content

HOW TO SET A LANDING PAGE TO A CLICKABLE FOLDER

Recommended Posts

Site URL: https://zionlacroix.com/

Hello, this is my first thread. I am starting this, cause I couldn't find something similar to my problem.
 

In my website, I have a dropdown menu in folders as Shorts: and Works:
When you hover on those folders, the menu is dropping down.
I want to keep this feature + Make those folders clickable + When I click on those folders I want to have a different page where you can see all the titles together.

***In the thread where I'm coming from, we used this code to make those folders clickable:

Add the following to Settings > Advanced > Code Injection > HEADER. 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

Add the following to Settings > Advanced > Code Injection > FOOTER.

<script>

  $( ( ) => {
  
    // restore folder title navigation for v7.1 site
    
    $( '.header-nav-folder-title' ).each ( function ( ) {
    
      let $this = $( this );
      
      let $thisClone = $this.clone ( );
      
      $this.replaceWith ( $thisClone );
      
      } );
      
    } );
    
  </script>

 

This code makes folder clickable but when I click, it directs me to the first title in the dropdown menu, instead I want to have a different page when I click on folder.
Is it possible? Can you help me through this?
Ps: Sorry for my english.

Best.

Link to comment
  • Replies 1
  • Views 745
  • Created
  • Last Reply

Archived

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

×
×
  • 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.