multiple footers sections

Site URL: https://www.nagiwetsuit.com

is it possible to have a footer with different links depending on which page I am on? for example, my page has two brands and I want different footers for the corresponding page my viewer is on. also would like to have different social media links for icons.

In general yes it may be possible. There are a couple of ways you could go. Either use two text blocks for your links. Then with CSS it should be possible to hide/show a particular text block depending on the page you are on.

If you need something fancier than just single text blocks for these different links then you could use two of the three footer "sections" (top, middle, bottom) for your different link content.

Before we could be more specific about the CSS we'd need to see these different links content in the footer. Also we'd need to know which links need to be hidden/shown on which pages.

3 hours ago, creedon said:

In general yes it may be possible. There are a couple of ways you could go. Either use two text blocks for your links. Then with CSS it should be possible to hide/show a particular text block depending on the page you are on.

If you need something fancier than just single text blocks for these different links then you could use two of the three footer "sections" (top, middle, bottom) for your different link content.

Before we could be more specific about the CSS we'd need to see these different links content in the footer. Also we'd need to know which links need to be hidden/shown on which pages.

hmm I was thinking more like adding more links in the bottom where the current footer is for warranty, repairs, returns, etc and then hiding the ones I don't want visible on a certain page. I've tried creating with text blocks but I don't like how it looks. I like how the current footer looks in the footer navigation.

Quote

I like how the current footer looks in the footer navigation.

I think something could be done with the Footer Navigation.

We would need to have the extra links and which pages which set of links need to be active on.

I suggesting setting them up in groups. Links 1 - 7 for page x. Links 8 - y for page z.

I have some test code running but without real links and pages to work with it is not a solution yet.

There is an alternative technique that can be used. Use Brad Good's How to setup multi-language content on any Squarespace Template. Even though the original intent for the code is to have a multi-language site the code can also be used to have a multi-section site, with a few minor modifications. When reading the how to when you see language think site section.

Now this alternative technique would require some restructuring of your site. What is currently the main level of your site would become a sublevel. Something like /nagi/shop, /nagi/warranty, /nagi/returns/, etc. And then you add a second site section. Something like /calm-at-sea/x, /calm-at-sea/y, /calm-at-sea/z, etc.

Your home page would become a landing page pointing folks deeper into the site.

One thing to keep in mind is that if you restructure your site and you want to preserve the investment in your current URL structure you'll need to use URL redirects. This is an search engine thing.

I'd probably go for the later option myself. Most of the work has already been done code wise. It also sets you up for a third sub brand if you see that as a possibility down the road.

I would also like some help with this matter. Currently doing a multilingual website but can't figure out how to have two different footer or different links.

@Joaoblee

Please post the URL for a page on your site where we can see your issue.

If your site is not public please set up a site-wide password, if you've not already done so.

Post the password here.

Adding a site-wide password is not a security breach. Please read the documentation at the link provided to understand how it works.

Please read the documentation at the link provided on how to share a link to your site to understand how it works. A link to the backend of the your site won’t work for us, i.e. a url that contains /config/.

We can then take a look at your issue.

On 8/23/2021 at 11:40 AM, creedon said:

I think something could be done with the Footer Navigation.

We would need to have the extra links and which pages which set of links need to be active on.

I suggesting setting them up in groups. Links 1 - 7 for page x. Links 8 - y for page z.

I have some test code running but without real links and pages to work with it is not a solution yet.

There is an alternative technique that can be used. Use Brad Good's How to setup multi-language content on any Squarespace Template. Even though the original intent for the code is to have a multi-language site the code can also be used to have a multi-section site, with a few minor modifications. When reading the how to when you see language think site section.

Now this alternative technique would require some restructuring of your site. What is currently the main level of your site would become a sublevel. Something like /nagi/shop, /nagi/warranty, /nagi/returns/, etc. And then you add a second site section. Something like /calm-at-sea/x, /calm-at-sea/y, /calm-at-sea/z, etc.

Your home page would become a landing page pointing folks deeper into the site.

One thing to keep in mind is that if you restructure your site and you want to preserve the investment in your current URL structure you'll need to use URL redirects. This is an search engine thing.

I'd probably go for the later option myself. Most of the work has already been done code wise. It also sets you up for a third sub brand if you see that as a possibility down the road.

Sorry for the delay but I added all of the links and would like the following separated 1-7 and 8-11

Add the following to Design > Custom CSS.

/*

  site section footer links show
  
  Version     : 0.1d0
  
  SS Version  : 7.0
  
  Templates   : Brine ( Aria, Blend, Burke, Cacao, Clay, Fairfield, Feed,
                Foster, Greenwich, Hatch, Heights, Hunter, Hyde, Impact, Jaunt,
                Juke, Keene, Kin, Lincoln, Maple, Margot, Marta, Mentor, Mercer,
                Miller, Mojave, Moksha, Motto, Nueva, Pedro, Pursuit, Rally,
                Rover, Royce, Sofia, Sonora, Stella, Thorne, Vow, Wav, West )
                
                your template is not listed? then it is not currently supported
  
  By           : Thomas Creedon < http://www.tomsWeb.consulting/ >
  
  no user serviceable parts below
  
  */
  
.tweak-footer-layout-stacked .Footer-nav-folder-item {

  display : none;
  
  }

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

<script>

  /*
  
    begin site section footer links show
    
    Version     : 0.1d0
    
    SS Version  : 7.0
    
    Templates   : Brine ( Aria, Blend, Burke, Cacao, Clay, Fairfield, Feed,
                  Foster, Greenwich, Hatch, Heights, Hunter, Hyde, Impact,
                  Jaunt, Juke, Keene, Kin, Lincoln, Maple, Margot, Marta,
                  Mentor, Mercer, Miller, Mojave, Moksha, Motto, Nueva, Pedro,
                  Pursuit, Rally, Rover, Royce, Sofia, Sonora, Stella, Thorne,
                  Vow, Wav, West )
                  
                  your template is not listed? then it is not currently
                  supported
    
    By           : Thomas Creedon < http://www.tomsWeb.consulting/ >
    
    no user serviceable parts below
    
    */
    
    Squarespace.onInitialize ( Y, ( ) => {
    
      const siteSection = location.pathname.split ( '/' ) [ 1 ];
      
      const selector = `.Footer-nav-folder-item[href^="/${ siteSection }/"]`;
      
      const elements = document.querySelectorAll ( selector );
      
      elements.forEach ( element => {
      
        element.style.display = 'inline-block';
        
        } );
        
      } );
      
    // end site section footer links show
    
  </script>

Let us know how it goes.