Hi. I have a website in two (translating it now into the third one) languages and I have a promotional pop-up. Is there any way to have it in three language versions? I have the same problem with the cookies banner.

Site URL: https://www.comeonespana.com

🙂

Hi. Possible. Do you use Personal or Business or Commerce Plan?

Also, can you enable promotion popup?

We've styled Google translate to look A LOT better if you would like to use it as an option https://www.squareaddons.com/shop-2/p/language-selector-translate 

On 1/12/2021 at 9:28 AM, tuanphan said:

Hi. Possible. Do you use Personal or Business or Commerce Plan?

Also, can you enable promotion popup?

I am on commerce basic and right now I have to deal with the cookies banner in three different languages 😞 The website is comeon.business

On 1/8/2022 at 5:32 PM, Yenna said:

I am on commerce basic and right now I have to deal with the cookies banner in three different languages 😞 The website is comeon.business

Can you enable cookies banner? I don't see it now

it should be ok now 🙂 https://comeon.business/

On 3/11/2022 at 4:30 AM, Yenna said:

it should be ok now 🙂 https://comeon.business/

Did you solve or still need help?

I still don't know how to do it 😞

On 4/18/2022 at 11:12 PM, Yenna said:

I still don't know how to do it 😞

Hi,

First, edit this code from Code Injection

/* HOMEPAGE-LOGO LINKS TO PROPER LANGUAGE HOMEPAGE */
  if (lang == "es") {
    $('a[href="/"]').attr("href", "/es/inicio/");
  }

to this

/* HOMEPAGE-LOGO LINKS TO PROPER LANGUAGE HOMEPAGE */
  if (lang == "es") {
    $('a[href="/"]').attr("href", "/es/inicio/");
	$('body').addClass('body-es');
  }
if (lang == "pl") {
	$('body').addClass('body-pl');
  }

Next, add this code to Code Injection > Header to translate cookie banner text

<style>
  /* ES */
  body.body-es .sqs-cookie-banner-v2-text p {
    font-size: 0;
}
body.body-es .sqs-cookie-banner-v2-text p:before {
    font-size: 14px;
    content: "new cookie ES text";
}
  /* PL */
  body.body-pl .sqs-cookie-banner-v2-text p {
    font-size: 0;
}
body.body-pl .sqs-cookie-banner-v2-text p:before {
    font-size: 14px;
    content: "new cookie PL text";
}
</style>

Hi, it worked up to a point;] Yes, it shows the text in a different language but the lines are not clearly separated so it's impossible to read it 😞 And "accept" stays in English 😞

On 4/25/2022 at 3:25 AM, Yenna said:

Hi, it worked up to a point;] Yes, it shows the text in a different language but the lines are not clearly separated so it's impossible to read it 😞 And "accept" stays in English 😞

Try this new code

<style>
  /* ES */
  body.body-es .sqs-cookie-banner-v2-text p {
    font-size: 0;
}
body.body-es .sqs-cookie-banner-v2-text p:before {
    font-size: 14px;
    content: "new cookie ES text";
  	line-height: 20px;
}
  /* PL */
  body.body-pl .sqs-cookie-banner-v2-text p {
    font-size: 0;
}
body.body-pl .sqs-cookie-banner-v2-text p:before {
    font-size: 14px;
    content: "new cookie PL text";
  line-height: 20px;
}
</style>

If it works, I will check Accept link then

It's perfect now, thank you! 🙂

On 4/27/2022 at 4:52 PM, Yenna said:

It's perfect now, thank you! 🙂

Use this code for Accept Link

<!-- Translate Accept Link -->
<style>
  /* ES */
  body.body-es button.sqs-cookie-banner-v2-accept.sqs-cookie-banner-v2-cta {
    font-size: 0;
}
body.body-es button.sqs-cookie-banner-v2-accept.sqs-cookie-banner-v2-cta:before {
    font-family: 'Helvetica Neue',Helvetica,sans-serif;
    content: "new accept";
    font-size: 14px;
}
  /* PL */
  body.body-pl button.sqs-cookie-banner-v2-accept.sqs-cookie-banner-v2-cta {
    font-size: 0;
}
body.body-pl button.sqs-cookie-banner-v2-accept.sqs-cookie-banner-v2-cta:before {
    font-family: 'Helvetica Neue',Helvetica,sans-serif;
    content: "new accept pl";
    font-size: 14px;
}
</style>

Thank you, works perfectly, you're the best! :)))

Hi @Yenna!

I'm Parker and I work on the Customer Operations team at Squarespace. I'm glad to see that you were able to get help here. I also wanted to let you know that we've added an integration with Weglot that allows you to add a language-switcher button to your site's header.

We have some more information about that here: 

https://support.squarespace.com/hc/en-us/articles/205809778-Creating-a-multilingual-site-in-Squarespace

On 4/30/2022 at 10:17 AM, tuanphan said:

Use this code for Accept Link

<!-- Translate Accept Link -->
<style>
  /* ES */
  body.body-es button.sqs-cookie-banner-v2-accept.sqs-cookie-banner-v2-cta {
    font-size: 0;
}
body.body-es button.sqs-cookie-banner-v2-accept.sqs-cookie-banner-v2-cta:before {
    font-family: 'Helvetica Neue',Helvetica,sans-serif;
    content: "new accept";
    font-size: 14px;
}
  /* PL */
  body.body-pl button.sqs-cookie-banner-v2-accept.sqs-cookie-banner-v2-cta {
    font-size: 0;
}
body.body-pl button.sqs-cookie-banner-v2-accept.sqs-cookie-banner-v2-cta:before {
    font-family: 'Helvetica Neue',Helvetica,sans-serif;
    content: "new accept pl";
    font-size: 14px;
}
</style>

 

Hello Tuanphan,
I'm having the same problem but the site is in german and english. The cookie Banner hast the opt in & out activated and has a custom disclaimer as you can see:

www.gyrotonicinselberlin.com
password: Anneli

Is there any solution for this configuration?

On 12/19/2022 at 8:50 PM, gab said:

Hello Tuanphan,
I'm having the same problem but the site is in german and english. The cookie Banner hast the opt in & out activated and has a custom disclaimer as you can see:

www.gyrotonicinselberlin.com
password: Anneli

Is there any solution for this configuration?

See this

https://forum.squarespace.com/topic/232338-dual-language-footer-and-cookies-banner/?do=findComment&comment=594331