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

Footer + cookies text multilingual site 7.1


MaggieBovary

Question

Site URL: https://villa-rondinelli.squarespace.com/

Hi there,

I'm building a multilingual website with Squarespace 7.1. It will be in 2 languages (Italian and English) and I was wondering if there's a way to have footer, cookies banner and 404 page text in the language the visitor is in.

You enter the website through this cover page: https://villa-rondinelli.squarespace.com/cover
that brings you to the home page: https://villa-rondinelli.squarespace.com/home/it

Password: maggie-villa

 

Regarding the footer, I'd like that when clicking on the links in the footer (Privacy policy, Note legali, Credits) they will bring you to the related page in Italian or English.

For now the website is in Italian only, I'm going to add the English pages with this method: https://beaverhero.com/squarespace-2-languages/

 

Thanks!

Edited by MaggieBovary
Link to comment

Recommended Posts

  • 0
2 minutes ago, MaggieBovary said:

Hi @tuanphan, I create the multilanguage site with you code: https://beaverhero.com/squarespace-2-languages/

Any ideas on how to make the footer multilanguage too?

You can create 2 footer, then use CSS to hide 1 on English Page, hide 1 on French Pages ✌️

Create footer first, then share url again, I can give code.

Link to comment
  • 0
On 4/21/2020 at 3:55 PM, tuanphan said:

You can create 2 footer, then use CSS to hide 1 on English Page, hide 1 on French Pages ✌️

Create footer first, then share url again, I can give code.

Thanks for the suggestion, I managed to do this! I didn't know I could create two footers with Squarespace 7.1.

Following your tutorial, I hid the English footer in Italian pages putting this code in the respective <head> of the pages:

<style>

 footer section:nth-child(2) {
  display: none !important;
}

</style>

and did the same to hid the Italian footer in the English pages:

<style>

 footer section:nth-child(1) {
  display: none !important;
}

</style>

Link to comment
  • 0
7 hours ago, MaggieBovary said:

@tuanphan do you know if it's possible when clicking on the logo that it brings you to the home page of the respective language?

So for my website would be:

https://villa-rondinelli.squarespace.com/home/it as Italian homepage

and https://villa-rondinelli.squarespace.com/home/en as English homepage

You need to use JavaScript, to change logo link to another link, on all pages header.

Can you share access password?

Link to comment
  • 0
On 4/30/2020 at 3:29 PM, MaggieBovary said:

Sure, the password is: maggie-villa

Thanks!

Add to Page Settings > Advanced > Header

<script>
  document.querySelector('.header-title-logo a').setAttribute('href', 'https://beaverhero.com');
</script>

 

Link to comment
  • 0
20 hours ago, tuanphan said:

Add to Page Settings > Advanced > Header


<script>
  document.querySelector('.header-title-logo a').setAttribute('href', 'https://beaverhero.com');
</script>

 

Hi @tuanphan I tried your code but unfortunately it doesn't work 😞 If I click on the logo it still brings me to the cover page

Link to comment
  • 0
20 hours ago, MaggieBovary said:

Hi @tuanphan I tried your code but unfortunately it doesn't work 😞 If I click on the logo it still brings me to the cover page

Remove above & use this

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script>
<script>
$(document).ready(function() {
    $(".header-title-logo a").attr("href", "https://beaverhero.com");
});
</script>

 

Link to comment
  • 0
4 minutes ago, MaggieBovary said:

@tuanphan when I click on the logo now it goes to your page https://beaverhero.com/ 😕

Edit Line 4 to your page url...☹️

Edited by tuanphan
Link to comment
  • 0
4 hours ago, MaggieBovary said:

@tuanphan what do you mean exactly? I've done that but it still redirects to your website..

You can edit url in line 4 in above code..

Link to comment
  • 0
On 4/29/2020 at 1:00 PM, MaggieBovary said:

Thanks for the suggestion, I managed to do this! I didn't know I could create two footers with Squarespace 7.1.

Following your tutorial, I hid the English footer in Italian pages putting this code in the respective <head> of the pages:

<style>

 footer section:nth-child(2) {
  display: none !important;
}

</style>

and did the same to hid the Italian footer in the English pages:

<style>

 footer section:nth-child(1) {
  display: none !important;
}

</style>

Hi, could you please let me know how can I create a second footer in squarespace 71, is there a guide anywhere?

Thank you!

Link to comment
  • 0
On 6/24/2020 at 12:24 AM, MuyRage said:

Hi, could you please let me know how can I create a second footer in squarespace 71, is there a guide anywhere?

Thank you!

Add a Section under default section ✌️

(Edit Site Footer > Click Plus icon > Add Blank Section)

Link to comment
  • 0
On 4/29/2020 at 9:00 PM, MaggieBovary said:

Thanks for the suggestion, I managed to do this! I didn't know I could create two footers with Squarespace 7.1.

Following your tutorial, I hid the English footer in Italian pages putting this code in the respective <head> of the pages:

<style>

 footer section:nth-child(2) {
  display: none !important;
}

</style>

and did the same to hid the Italian footer in the English pages:

<style>

 footer section:nth-child(1) {
  display: none !important;
}

</style>

Hi Maggy,

I'm not familiar with coding. And just setting up a multilingual website with the lines of code from Bradgood.net. Unfortunately there is no code in his article for the footers. I was hoping you could help how I can show the right footer and hide the others. My website is in 3 languages. All help is much appreciated. I created all 3 footers one under the other but it is the CSS coding part that I'm not able to make it work.

Link to comment
  • 0
On 8/6/2020 at 6:50 PM, JanSalute said:

Hi Maggy,

I'm not familiar with coding. And just setting up a multilingual website with the lines of code from Bradgood.net. Unfortunately there is no code in his article for the footers. I was hoping you could help how I can show the right footer and hide the others. My website is in 3 languages. All help is much appreciated. I created all 3 footers one under the other but it is the CSS coding part that I'm not able to make it work.

Do you still need help on this? I will give the code

Link to comment
  • 0

Hi Tuanphan,

I use the exact same multilingual switch from Bradgood.net like Maggy and using two different languages. I don't know how to create two different footers with our Squarespace 7.1 Template and I also need the right CSS Code to hide the different footers. Can you help me on this?

Thank you in advance 🙂

Link to comment
  • 0
On 10/1/2020 at 7:29 PM, waiki said:

Hi Tuanphan,

I use the exact same multilingual switch from Bradgood.net like Maggy and using two different languages. I don't know how to create two different footers with our Squarespace 7.1 Template and I also need the right CSS Code to hide the different footers. Can you help me on this?

Thank you in advance 🙂

You can create 2 sections in footer for 2 languages, then share site url, We can give the code.

Link to comment
  • 0
8 minutes ago, waiki said:

Good morning,

 

thank you Tuanphan 🙂 I created two footers with your help.

Here is the URL: https://terrier-icosahedron-3jgf.squarespace.com/

Password: footerswitch

You can use CSS or JavaScript to hide footer. 

However I don't have much time to test the Java code, you can find support from other members.
Below is the CSS, which also helps you to solve the problem, but it's quite manual, you need to insert code into all Page Headers.

To hide Footer German Section on English Pages, add this code into All English Pages Header

<style>
  [data-section-id="5f6db2130068935437a78ba0"] {
    display: none;
}
</style>

to hide Footer English Section on German Pages, add this code into All German Pages Header

<style>
  [data-section-id="5f7aca56614c320e2171d287"] {
    display: none;
}
</style>

If you want to find data-section-id in future case, use this tool. https://chrome.google.com/webstore/detail/squarespace-id-finder/igjamfnifnkmecjidfbdipieoaeghcff?hl=en

Link to comment
  • 0

Hi Tuanphan,

wow it works like a charm! Thank you very much for the CSS Codes and your efforts 🙂 I will update all Page Headers with your CSS Code. 

Maybe someone has a JavaScript solution, I am still curious about another way to hide the footer.

Link to comment

Create an account or sign in to comment

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

×
×
  • Create New...