Jump to content

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.

Recommended Posts

  • Replies 16
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

  • 1 month later...

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 

If you are looking for a way to add Anchor Links, Gallery Blocks, or a Rotating Banner with Content Blocks overlaid in Squarespace 7.1, you can find all these plugins in our Squarespace add-on store here: www.Squareaddons.com -- Enjoy! 

Link to comment
  • 10 months later...
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

Edited by Yenna
Link to comment
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

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 2 months later...
  • 1 month later...
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>

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
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 😞

IMG_0938.PNG

IMG_0937.PNG

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

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
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>

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 3 months later...

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

Link to comment
  • 4 months later...
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?

Link to comment
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

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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.