Jump to content

Weglot switcher customization on 7.1

Recommended Posts

  • Replies 5
  • Views 1.1k
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

  • 1 month later...
On 8/31/2022 at 5:18 AM, tuanphan said:

Show something like this with no dropdown?


Hi @tuanphan Sorry, i've missed your message.

Yes, but without box. And I want to see the language to switch to, rather then the current language.  

It should be in the header -- cta spot. 

Desktop: Top-right In header bar to pullback when scrolling down

Mobile: Down left in the Menu.

Link to comment


Yes, with the help of Weglot support. As far as i understand, they added the switcher and programmed it on their back-end. I only have partial control of it on the Weglot platform. Yet, it's fixed on the page, it doesn't move with the page when scrolling down and in mobile mode, rather then being in the menu, it's fixed on the page. The problem is that it can't be moved to: header-actions-action header-actions-action--cta. 

Unfortunately, Weglot support staff couldn't help any further, so here's what i did: 

I used the Weglot switcher (provided by Weglot) in desktop mode and the Squarespace switcher (the drop-down switcher  provided on the Squarespace platform) in mobile mode and used a lot of CSS to customize the later. 

Still it's less then ideal and i wish there was a simpler solution. Perhaps by customizing one or the other switcher for both modes or, as proposed by Weglot support, by using language hooks  https://developers.weglot.com/javascript/link-hooks . I tried the language hooks option, but i couldn't program it in order to see only one language button at the time (English button on french page and vice versa). 

The easiest solution, it seems, would be to replace the header button with the Weglot switcher in "header-actions-action header-actions-action--cta" Do you have a suggestion? 

Link to comment

Hi @Phil Carr,

I'm also looking for switcher in your style.
I saw your post and your website, really nice btw
So I asked weglot support (like you did) but the say that's on squarespace...

can you please share your CSS or code implementation...?
also the mobile version

thank you in advance, it would be really helpful

have a nice day


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

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.