Phil_Carr Posted August 30, 2022 Share Posted August 30, 2022 Site URL: https://studiodikini.com/ I would like to simplify the WEGLOT switcher design. Somebody can help? - No dropdown menu; - A single button switching English to French and vice versa. - French page button: EN / English page button: FR - Button would be integrated in the pull-back menu (top-right) on desktop and down-left on mobile) Link to comment
tuanphan Posted August 31, 2022 Share Posted August 31, 2022 Show something like this with no dropdown? 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
Phil_Carr Posted October 4, 2022 Author Share Posted October 4, 2022 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
tuanphan Posted October 6, 2022 Share Posted October 6, 2022 I see you achieved it on desktop? 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
Phil_Carr Posted October 7, 2022 Author Share Posted October 7, 2022 @tuanphan 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
DIN Posted October 10, 2022 Share Posted October 10, 2022 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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment