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

Search the Community

Showing results for tags 'multilingual'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • Forum
    • News and Announcements
    • Getting Started With Squarespace
    • Coding and Customization
    • Commerce
    • Selling & Scheduling Your Services
    • Feedback on Your Site
    • Images and Videos
    • Pages and Content
    • SEO and Marketing
    • Site Design and Styles
    • Resources
  • Colorado Designers's Topics
  • Squarespace Forum Club Guidelines's Topics
  • Austin, TX Designers's Club Discussion
  • New York City Designers's Club Discussion
  • Berlin Designers's Club Discussion
  • SEO Experts's Club Discussion
  • Photographers's Club Discussion
  • Graphic Designers's Topics
  • London Designers's Topics
  • Podcasters's Club Discussion
  • Custom Coding Help's Club Discussion
  • Atlanta, GA Designers's Topics
  • Seattle, WA Designers's Topics
  • San Diego, CA Designers's Topics
  • Dallas, TX Designers's Topics
  • Australia Designers's Club Discussion
  • Minnesota Designers's Topics
  • Minnesota Designers's Topics
  • Copywriters's Topics
  • France Designers 🇫🇷's Topics
  • France Designers 🇫🇷's Topics
  • Portland, OR Designers's Topics
  • Canadian Website Designers's Club Discussion
  • Los Angeles Designers & Devs's Club Discussion
  • South African Designers's Club Discussion
  • Brazil Designers's Club Discussion
  • Developers's Club Discussion
  • German Circle Members's Topics

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


About Me


Website


Location


Badges


Expert ID

  1. I only have links in my navigation as it's a onepager – how can i translate the menu so i see only one language in the menu?
  2. I have two different sites to handle two languages. ( currics.com and currics.se ) Is it possible for them to share common css somehow? I have tried having a common less file on another server and importing it via less, but it doesn't seem to work This at the top of my custom css: @import url(https://static.currics.com/css/generic.less); just gives me an error: Cannot read property 'href' of undefined. Not sure about if I will end up in Cross-origin problems later but the error comes before that, in the editor. Shouldn't this be possible?
  3. Site URL: https://lychee-carnation-4cdg.squarespace.com/ Hi! I'm trying to create a multilingual website and everything is working except for the items on folder that are not showing up on mobile. I followed this tutorial: https://www.creationsbyfaria.com/blog/multilingual-site-squarespace Basically I've created every page I need for each language, and I'm using custom CSS on each page to hide the navigation items I don't want to show on a specific language. Everything is working perfectly fine on desktop, but on mobile, on the second and third language, the items on the folder I have are not showing up. I've attached a print of what my Pages look like. The first language is Portuguese, the second English, and the third French. The Products folder is the one I'm having trouble with on Mobile. Basically when I click the folder the options are not visible, but this only on the second and third language. On Portuguese they show up fine. This is the code I'm using on the English Pages to hide the Portuguese and the French ones: <style> #header .header-nav-item:nth-child(1) {display:none} #header .header-nav-item:nth-child(2) {display:none} #header .header-nav-item:nth-child(3) {display:none} #header .header-nav-item:nth-child(4) {display:none} #header .header-nav-item:nth-child(5) {display:none} #header .header-nav-item:nth-child(6) {display:none} #header .header-nav-item:nth-child(7) {display:none} #header .header-nav-item:nth-child(15) {display:none} #header .header-nav-item:nth-child(16) {display:none} #header .header-nav-item:nth-child(17) {display:none} #header .header-nav-item:nth-child(18) {display:none} #header .header-nav-item:nth-child(19) {display:none} #header .header-nav-item:nth-child(20) {display:none} #header .header-nav-item:nth-child(21) {display:none} @media screen and (max-width:767px){#header .header-menu-nav-item:nth-child(1) {display:none}} @media screen and (max-width:767px){#header .header-menu-nav-item:nth-child(2) {display:none}} @media screen and (max-width:767px){#header .header-menu-nav-item:nth-child(3) {display:none}} @media screen and (max-width:767px){#header .header-menu-nav-item:nth-child(4) {display:none}} @media screen and (max-width:767px){#header .header-menu-nav-item:nth-child(5) {display:none}} @media screen and (max-width:767px){#header .header-menu-nav-item:nth-child(6) {display:none}} @media screen and (max-width:767px){#header .header-menu-nav-item:nth-child(7) {display:none}} @media screen and (max-width:767px){#header .header-menu-nav-item:nth-child(15) {display:none}} @media screen and (max-width:767px){#header .header-menu-nav-item:nth-child(16) {display:none}} @media screen and (max-width:767px){#header .header-menu-nav-item:nth-child(17) {display:none}} @media screen and (max-width:767px){#header .header-menu-nav-item:nth-child(18) {display:none}} @media screen and (max-width:767px){#header .header-menu-nav-item:nth-child(19) {display:none}} @media screen and (max-width:767px){#header .header-menu-nav-item:nth-child(20) {display:none}} @media screen and (max-width:767px){#header .header-menu-nav-item:nth-child(21) {display:none}} What can I do to solve the problem of the folder items not showing on mobile? Thanks a lot! Error Folder Menu.mp4
  4. Site URL: https://www.mesahatfoundation.org I am using the Basil Template, I have Several Folders, that contain Pages, in Each Language. My problem is that Both languages appear in the navigation menu, while I need the ONLY English to appear when the visitor Selects English at the Welcome Page, and Vise Versa. I tried the Create-multilingual-site, and several other things and it was NOT what I am looking for.
  5. Site URL: https://www.psychologybeyondwords.com I don't know if you can help me. I'm creating a multilingual site and would like to have two different navigation menus (one for the Spanish pages and another for the English ones). The videos/help guides suggest buying two sites and link them together (which I'd like to avoid as wouldn't afford the extra cost). They also suggest adding all pages to the not linked area and link them with content links (I assume that doing this enables you to navigate, but doesn't create a navigation menu). At the moment I have a structure that ideally I would like to keep, with several folders for different pages. I don't know if it's possible to do this. I've read in another thread that you can add all items and then you can cancel/hide some by using code (I have no idea of how to do this). It would be great to get some idea, as I've watched the videos but they don't help. Also, I would like to see if it's possible to delete the navigation menu from the homepage as I want it to be a mere landing page to direct visitors to language A or B. Thanks.
  6. Site URL: https://cinnamon-chameleon-6wa9.squarespace.com/ Hi, I used on footer this code and it worked well in the estonian version https://cinnamon-chameleon-6wa9.squarespace.com/et/blogi: </script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <script> $('.blog-more-link:contains("Read More")').text('Loe rohkem'); </script> <style> However, how do I keep Read more in the English version? https://cinnamon-chameleon-6wa9.squarespace.com/en/blog
  7. Site URL: https://cinnamon-chameleon-6wa9.squarespace.com/ Hi, I managed to change in estonian version nicely but english version it changes all the time to "Kontakt" to "Contact" visbily: https://cinnamon-chameleon-6wa9.squarespace.com/en/home Code I used: /* ADD EXCLUSION NAV ITEMS */ $('.exclude-me,.exclude-me a').addClass('exclude'); $('.sqs-svg-icon--list a,.SocialLinks-link').addClass('exclude'); }); $(document).ready(function(){ $("body.body-en a.btn").html(function() { return $(this).html().replace("Kontakt", "Contact"); }); $("body.body-en a.btn").attr('href','/en/contact'); }); </script>
  8. Site URL: https://www.porodicnekompanije.com Hi guys! I would like to add two additional languages to my existing site. According to Squarespace tutorial, there are two options. 1) Navigation links would be displayed in all languages at the same time (attached is a screenshot from the tutorial video). I would like to avoid this as it looks confusing and cluttered. 2) Create folders for different languages. In this case, the problem is that only the folder names (e.g. English and French) and none of the other pages would be displayed as navigation links (another screenshot from the tutorial showcasing this is attached). This is also suboptimal because it would mean less visibility and more clicks (traction) for the visitors. Is there any way to make the navigation links appear in one language at a time? If not, is it at least possible to display flags instead of language names? Thank you in advance!
  9. Site URL: https://cinnamon-chameleon-6wa9.squarespace.com/ Hi, I can't find the right code for the header menu button, I want to translate the call-to-action button. I want it in English to be "Let's talk" and in Estonian version "Küsi pakkumine". My page: https://cinnamon-chameleon-6wa9.squarespace.com/
  10. Hey everyone. I am desperately trying to make my bilingual site. All pages have already been translated and are ready but I really fail to understand how to make a English / French navigation and linking it to the right pages. Right now I can only link one page to the langage button on the Homepage and thats all. I am trying to find a solution without coding as I know nothing of this. Please help me :') Thanks
  11. Site URL: https://lychee-carnation-4cdg.squarespace.com/ Hi! I'm trying to create a multilingual website and everything is working except for the items on folder that are not showing up on mobile. I followed this tutorial: https://www.creationsbyfaria.com/blog/multilingual-site-squarespace Basically I've created every page I need for each language, and I'm using custom CSS on each page to hide the navigation items I don't want to show on a specific language. Everything is working perfectly fine on desktop, but on mobile, on the second and third language, the items on the folder I have are not showing up. I've attached a print of what my Pages look like. The first language is Portuguese, the second English, and the third French. The Products folder is the one I'm having trouble with on Mobile. Basically when I click the folder the options are not visible, but this only on the second and third language. On Portuguese they show up fine. This is the code I'm using on the English Pages to hide the Portuguese and the French ones: <style> #header .header-nav-item:nth-child(1) {display:none} #header .header-nav-item:nth-child(2) {display:none} #header .header-nav-item:nth-child(3) {display:none} #header .header-nav-item:nth-child(4) {display:none} #header .header-nav-item:nth-child(5) {display:none} #header .header-nav-item:nth-child(6) {display:none} #header .header-nav-item:nth-child(7) {display:none} #header .header-nav-item:nth-child(15) {display:none} #header .header-nav-item:nth-child(16) {display:none} #header .header-nav-item:nth-child(17) {display:none} #header .header-nav-item:nth-child(18) {display:none} #header .header-nav-item:nth-child(19) {display:none} #header .header-nav-item:nth-child(20) {display:none} #header .header-nav-item:nth-child(21) {display:none} @media screen and (max-width:767px){#header .header-menu-nav-item:nth-child(1) {display:none}} @media screen and (max-width:767px){#header .header-menu-nav-item:nth-child(2) {display:none}} @media screen and (max-width:767px){#header .header-menu-nav-item:nth-child(3) {display:none}} @media screen and (max-width:767px){#header .header-menu-nav-item:nth-child(4) {display:none}} @media screen and (max-width:767px){#header .header-menu-nav-item:nth-child(5) {display:none}} @media screen and (max-width:767px){#header .header-menu-nav-item:nth-child(6) {display:none}} @media screen and (max-width:767px){#header .header-menu-nav-item:nth-child(7) {display:none}} @media screen and (max-width:767px){#header .header-menu-nav-item:nth-child(15) {display:none}} @media screen and (max-width:767px){#header .header-menu-nav-item:nth-child(16) {display:none}} @media screen and (max-width:767px){#header .header-menu-nav-item:nth-child(17) {display:none}} @media screen and (max-width:767px){#header .header-menu-nav-item:nth-child(18) {display:none}} @media screen and (max-width:767px){#header .header-menu-nav-item:nth-child(19) {display:none}} @media screen and (max-width:767px){#header .header-menu-nav-item:nth-child(20) {display:none}} @media screen and (max-width:767px){#header .header-menu-nav-item:nth-child(21) {display:none}} What can I do to solve the problem of the folder items not showing on mobile? Thanks a lot! Error Folder Menu.mp4
  12. Site URL: https://www.dr-nemo.si/home Our website is made in 3 languages, each language is a different folder and so it has its own dropdown menu. I would like to modify the dropdown menus so that the appropriate menu is always visible while you are within its folder (for instance when you're looking at the pages in the English folder the English menu is always fully (extended) visible for easier navigation). And secondly I'd like to transform the drop down menu so the subpages of the folder display side by side in the menu and not one below the other. Are either of these things possible? and if yes how could I achieve them?
  13. Site URL: https://www.patricialindner.com/ I used code to make my site multilingual. I would like to have two buttons to switch languages, english and german. I would like the buttons to be transparent with just a white outline and white text that says EN and DE. Can anyone help with this? I would like these buttons to be in line with the nav links if possible. site password is Patricia. Thanks!
  14. Site URL: https://www.patricialindner.com/ I created a multilingual site with this guide - https://www.bradgood.net/articles/multi-language-content-on-any-squarespace-template, how would I make the footer multilingual? Password for site is Patricia. Thanks!
  15. Hi I have a tour operator site with activities in mutliple, quite different, locations. When people log into the site I would like them to be able to choose which location they are interested, similar to how one might choose a language. A few more details: Ideally I would use as little coding as possible Some of the pages (eg. about, contact) will be the same regardless of the location you choose, but once you choose the location the top menu bar should display the different pages eg. Home, Events, Activities, About ... The customer should be able to switch between sites easily through a dropdown on the menubar I have had a look and found this: https://support.squarespace.com/hc/en-us/articles/205809778-Creating-a-multilingual-site-in-Squarespace (example multilingual site here: https://bedford-multilingual.squarespace.com/) The problem with this is that the menu bar will only ever display the names of the different locations, so it will be clumbersome to navigate. Another suggestion is to create multiple sites and have a cover page linking to both, which seems overkill as I would need to pay twice for a simple website. It would also be clumbersome as I think the user would need to go all the way back to home to switch to the other site. I can't think of an example for other tour operators, but the same principle work on the Intuit site (https://www.intuit.com/): you can select an Indian, American, or Canadian version of the site, which are all similar but tailored to different locations. If you want to change at any point there is country dropdown in the top right hand corner. Would love to know if such a thing is possible. Ideally without html but am open to suggestions. This is something I see a lot with online stores and is going to be really important to a lot of people managing international websites. Perhaps there is a plugin that would help? Though I have been unable to find one. Cheers
  16. multilingual site created by duplicating the main site is it possible to view or publish the contents of the main site blog (news) on secondary sites? I am working on a multilingual site (4 languages). I've created duplicates of the main site for each language so that I can translate the main menu and footer as well. Is there a way to display the blog (news) of the main site on the other sites? So that the news can always be the same without having to individually update all the blogs of the different sites? Can you embed the blog code only (not the whole page) in a frame? how would it work on mobile? Do you know of other solutions? Unfortunately squarespace support has no solution. Thank you
  17. Hi Everyone, This is my first post on the SqS forum, so bare me if I posted this in the wrong section. My question is: Since SqS doesn't offer multilingual flag options for the header-section (I really hope they will release this soon as some countries have multilingual foreigns, like Luxembourg), I was wondering how to set up multilingual for different countries. My company will be focussing on Netherlands, Belgium Estonia, Luxembourg, UK. How can I make sure that a visitor from Luxembourg will get on the right multilingual site? Thank you for your time and have great day! Jeroen
  18. Site URL: https://oopsvegan.com/ Hi! I am wondering how can I add hreflang tags to my blog posts. I have a multilingual site with 2 languages (English and Spanish). Google seems to not differentiate the 2 languages because when i add the name of my website on Google, the search result give a mix of English and Spanish. View screenshot attached. Will adding a hreflang tag solve this, what else should I be looking at? Thanks so much Patricia
  19. There are several approaches to realize a multilingual site in Squarespace.All of the existing solutions have drawbacks. In the answer, you will find a solution for localization of squarespace sites without drawbacks. 1) Official Squarespace Solution Does not work on all templates. Structural limitation - you only have one navigation level left perlanguage. Language selector menu not very nice. 2) Using multiple squarespace sites with language subdomains You have to pay the Squarespace fee per language3) Using external localization services like localize.js oder bablic.com You have to pay for external services. There are additional resources that have to be downloaded Does SEO work well on these solutions? Did not investigate this. 4) Javascript based on CSS Selectors and page IDs Unflexible when adding pages, JS has to be adapted and grows
  20. Site URL: https://carnation-synthesizer-ka52.squarespace.com/ Hi guys, I need to create a multilingual solution. I have been looking at @tuanphan's workthroughs such as the 3 language one on the blog. What I need is a solution where I can have 6 languages - manually translated pages - 6 flags in the header or just above the header to switch between them. Is this possible? Thanks to anyone who can help! Been trying to work this out for ages. https://carnation-synthesizer-ka52.squarespace.com/ is the site link. Kane
  21. Site URL: https://www.gregorykoefer.com/de/home Hey guys, I've followed the tutorial of https://www.bradgood.net/articles/multi-language-content-on-any-squarespace-template and replaced everything of /es/ with my own slugs (en) It seems to work except, that when I visit the german website, the menu isn't showing. IN the backend everytime I click on the de/home site, the menu loads quickly and dissapears immediately.. Here is my current code I've injected in the footer: <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/flag-icon-css/2.6.0/css/flag-icon.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <script> $(function() { /* SETUP MULTI-LANGUAGE */ var defaultLanguage = 'en'; var lang = location.pathname.split("/")[1]; var defaultClass = 'lang-'+defaultLanguage+''; var itemParent = "nav [class*='collection'],nav [class*='folder'],nav [class*='index'],nav [class*='group']"; if (lang == "" || lang.length > 2 ){ var lang = defaultLanguage; } /* ADD LANGUAGE CLASSES */ $('a[href="/"]').addClass('lang-'+defaultLanguage+'').parents(itemParent).addClass('lang-'+defaultLanguage+''); $('nav a:link:not([href^="http://"]):not([href^="https://"])').each(function () { var langType = $(this).attr('href').split("/")[1]; var multiLanguageClass = 'multilanguage lang-' + langType + ''; if (undefined !== langType && langType.length <= 2) $(this).addClass(multiLanguageClass).parents(itemParent).addClass(multiLanguageClass); }); $('nav button').each(function () { var langTypeFolder = $(this).attr('data-controller-folder-toggle').split("/")[0]; var multiLanguageClass = 'multilanguage lang-' + langTypeFolder + ''; if (undefined !== langTypeFolder && langTypeFolder.length <= 2) $(this).addClass(multiLanguageClass); }); /* HOMEPAGE-LOGO LINKS TO PROPER LANGUAGE HOMEPAGE */ if (lang == "de") { $('a[href="/"]').attr("href", "/de/main/"); } /* ADD EXCLUSION NAV ITEMS */ $('.exclude-me,.exclude-me a').addClass('exclude'); $('.sqs-svg-icon--list a,.SocialLinks-link').addClass('exclude'); /* REMOVE OTHER LANGUAGES AND KEEP EXCLUDED ITEMS */ $('.multilanguage:not(".lang-'+lang+',.exclude")').remove(); }); </script> When I remove the this part /* REMOVE OTHER LANGUAGES AND KEEP EXCLUDED ITEMS */ it shows me the english menu, so something is happening, but I can't figure out why it isn't showing the german menues..
  22. Site URL: https://coreplast-2.squarespace.com/ Hi, I used the code for multilingual site (version 7.1) from bradgood.net, but unfortunately the navigation shows both language navigation links (english and finnish) in a blink of an eye, when changing the language. I don't want to present this to my client, so does anybody know how to fix this problem? https://coreplast-2.squarespace.com/ Password: coreplast Thank You! /Heli
  23. Site URL: https://www.skill-up.nu/ Hi! 1- We have created a website that has Dutch as the main language and English as a second language. We would like to make it possible for people on the dutch pages to be directed to the contact form in dutch when pressing the “contact” button on the header and vice versa for the English page. Could someone please help us achieve that? I have tried using previously shared codes however, I always get a syntax error :( 2- On the Dutch version of our contact form, under the name space I can’t alter the text “First name” and “Last name”, I would like this to be in Dutch. Does someone know a solution? 3- I used this code to resize my logos on the “home” page and wanted to use it again for the images on the “about us'' page. But that doesn’t work, how can I use the same code twice? I want to resize the image only on the mobile version of the website, where they are too small. @media only screen and (max-width:640px){.sqs-block-image{width:40%;margin: auto}} Any help or suggestions will be very appreciated!
  24. Hello people, Do you have examples or tips on how to create a multilingual website in Squarespace 7.1? Thanks a lot! Marinske.
  25. I'm trying to set multilingual site on SS 7.1. For some reason if I set pages like: page /de/page I can't set /de/ as slug for German homepage. Is there a workaround for this? Or can I only set something like /de/startseite?
×
×
  • Create New...