Multilingual website: Adding the language switcher to the main nav bar

Site URL: https://lifelab.world/en/home

Hi kind people of Squarespace!

I would need some of your expertise on this matter. I am on a SS 7.0 with brine template. I used this solution in creating a multilingual website https://www.bradgood.net/articles/multi-language-content-on-any-squarespace-template

Is there any possible way to move the language switcher along with the nav bar beside the search icon?

I have been finding solutions and codes, but some are not answered and some are in SS 7.1

Please let me know if this is possible. Thank you!

1 hour ago, Naomi-lifelab said:

Site URL: https://lifelab.world/en/home

Hi kind people of Squarespace!

I would need some of your expertise on this matter. I am on a SS 7.0 with brine template. I used this solution in creating a multilingual website https://www.bradgood.net/articles/multi-language-content-on-any-squarespace-template

Is there any possible way to move the language switcher along with the nav bar beside the search icon?

I have been finding solutions and codes, but some are not answered and some are in SS 7.1

Please let me know if this is possible. Thank you!

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

<script>
  (function(){
    window.addEventListener('DOMContentLoaded', () => {
      const switchBtn = document.querySelector('.language');
      if(switchBtn) {
        const switchBtnDes = switchBtn.cloneNode(true);
        switchBtnDes.classList.add('language-desktop');
        document.querySelector('.Header-search').insertAdjacentElement('beforeBegin',switchBtnDes)
      }
    });
  })()
</script>

<style>
  .language:not(.language-desktop) {
    display: none;
  }

  .language.language-desktop {
    position: static;
    order: 5;
  }
</style>

Let me know how it works on your site

Support me by pressing 👍 if this useful for you

My testing

Hi bangank36,
Unfortunately, I lost the switcher when I applied the script. 😞

On 2/17/2022 at 9:08 PM, Naomi-lifelab said:

Hi bangank36,
Unfortunately, I lost the switcher when I applied the script. 😞

 

Have you added and saved my script? I can not find it

On 2/18/2022 at 11:16 PM, bangank36 said:

Have you added and saved my script? I can not find it

Hi @bangank36

As of the moment I removed the script, as the website is live and visitors might not be able to see the language switcher when the script provided is saved. 😞

Is there anything I can do? Will you suggest for me to save the script for the meantime for you to check?

Please let me know.

Thank you so much!

I'll Pm you for checking this issue

3 minutes ago, bangank36 said:

I'll Pm you for checking this issue

I'll keep an eye on this, thank you @bangank36

Hey @Beyondspace,

I am trying to make this work in 7.1 and move the @bradgood-language-switch to the header nav. But if I inject the code you use above, it makes the switch disappear. Could you tell me what else to try?

My website is https://www.bieleit-medicus.com/

@tuanphan might you be able to help perhaps? Shouldn't be much coding necessary but I can't figure it out