Jump to content

Multilanguage website

Recommended Posts

  • Replies 3
  • Views 438
  • Created
  • Last Reply

Top Posters In This Topic

Posted
1 hour ago, CaDeBr said:

Site URL: https://apricot-grapefruit-pn4m.squarespace.com/config/pages

Hello

I made this website in one language (NL). Now 2 more languages have to be added, namely English and French.
Hereby an example of how my website should look like: https://www.mazamcr.com/en/home/

Can you help me? Thank you in advance.

Carine

Try adding to Home > settings > Advanced > Code Injection, choose footer

<script>
  /*setup language switcher*/
  $('body').prepend('<div class="language"><a href="/en/home" class="lang-en">English</a> | <a href="/es/inicio/" class="lang-es">Español</a></div>');
</script>
<style>
  /*setup language switcher*/
  .language {
    color: #fff;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 99999;
    a {
      color: #fff;
      &:hover {
        opacity: 0.8;
      }
    }
  }
</style>

Let me know how it works on your site

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox - PDF Lightbox popup - ...) </>  🗓️ Delivery Date Picker (Date picker form field)
Gallery block 7.1 workaround </> No-code customisations for Squarespace

Posted
On 2/20/2022 at 5:49 PM, CaDeBr said:

Hi Bangank3

I added the code but I don't see any change. Do I need to add or change anything else?

Follow this guide https://www.bradgood.net/articles/multi-language-content-on-any-squarespace-template

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!)

Create an account or sign in to comment

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


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