MaggieBovary Posted April 21, 2020 Share Posted April 21, 2020 (edited) 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 April 21, 2020 by MaggieBovary Link to comment
tuanphan Posted April 21, 2020 Share Posted April 21, 2020 Footer: You can Cookes, 404. I think impossible How did you create multi site? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
MaggieBovary Posted April 21, 2020 Author Share Posted April 21, 2020 2 minutes ago, tuanphan said: Footer: You can Cookes, 404. I think impossible How did you create multi site? 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? Link to comment
tuanphan Posted April 21, 2020 Share Posted April 21, 2020 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. MaggieBovary 1 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
MaggieBovary Posted April 29, 2020 Author Share Posted April 29, 2020 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> caminada 1 Link to comment
MaggieBovary Posted April 29, 2020 Author Share Posted April 29, 2020 @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 Link to comment
tuanphan Posted April 30, 2020 Share Posted April 30, 2020 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? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
MaggieBovary Posted April 30, 2020 Author Share Posted April 30, 2020 5 hours ago, tuanphan said: You need to use JavaScript, to change logo link to another link, on all pages header. Can you share access password? Sure, the password is: maggie-villa Thanks! Link to comment
tuanphan Posted May 2, 2020 Share Posted May 2, 2020 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> Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
MaggieBovary Posted May 3, 2020 Author Share Posted May 3, 2020 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
tuanphan Posted May 4, 2020 Share Posted May 4, 2020 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> MaggieBovary 1 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
MaggieBovary Posted May 4, 2020 Author Share Posted May 4, 2020 9 minutes ago, tuanphan said: 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> @tuanphan when I click on the logo now it goes to your page https://beaverhero.com/ 😕 Link to comment
tuanphan Posted May 4, 2020 Share Posted May 4, 2020 (edited) 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 May 4, 2020 by tuanphan Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
MaggieBovary Posted May 4, 2020 Author Share Posted May 4, 2020 57 minutes ago, tuanphan said: Edit Line 4 to your page url...☹️ @tuanphan what do you mean exactly? I've done that but it still redirects to your website.. Link to comment
tuanphan Posted May 4, 2020 Share Posted May 4, 2020 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.. Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
MaggieBovary Posted May 5, 2020 Author Share Posted May 5, 2020 20 hours ago, tuanphan said: You can edit url in line 4 in above code.. Ops, sorry! Now it works perfectly 🙂 Thank you so much!! Link to comment
Guest Posted June 23, 2020 Share Posted June 23, 2020 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
tuanphan Posted June 25, 2020 Share Posted June 25, 2020 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) Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Guest Posted August 6, 2020 Share Posted August 6, 2020 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
tuanphan Posted August 31, 2020 Share Posted August 31, 2020 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 JeanLouis 1 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Andrius Posted August 31, 2020 Share Posted August 31, 2020 You can use this service:https://squarecamp.com/services/turn-your-squarespace-site-into-a-multilingual-one The footer and cookie banner can be translated!! 👍 Link to comment
waiki Posted October 1, 2020 Share Posted October 1, 2020 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
tuanphan Posted October 3, 2020 Share Posted October 3, 2020 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. Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
waiki Posted October 5, 2020 Share Posted October 5, 2020 On 10/3/2020 at 9:16 AM, tuanphan said: You can create 2 sections in footer for 2 languages, then share site url, We can give the code. Good morning, thank you Tuanphan 🙂 I created two footers with your help. Here is the URL: https://terrier-icosahedron-3jgf.squarespace.com/ Password: footerswitch Link to comment
tuanphan Posted October 5, 2020 Share Posted October 5, 2020 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 jacobcuz and waiki 1 1 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment