Forum |  HardWare.fr | News | Articles | PC | Prix | S'identifier | S'inscrire | Aide | Shop Recherche
1665 connectés 

  FORUM HardWare.fr
  Programmation
  Javascript/Node.js

  Additional Script - Multilangue ?

 



 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Additional Script - Multilangue ?

n°2344087
vcssn
Posté le 07-01-2020 à 03:16:27  profilanswer
 

Bonjour à tous et meilleurs voeux pour cette nouvelle année ! [:-bouli-]  [:austin_powaaah]

 

Je m'occupe de plusieurs sites de commerce en ligne, en utilisant la plateforme Shopify.

 

Je viens de traduire (via une application) l'un d'entre eux en différentes langues (allemand & anglais).

 

Mes urls pour les langues étrangères sont du type https://de.nomdusite.com

 

Sur ma page de paiement, j'utilise un code javascript additionnel, me permettant de mettre légèrement mieux en forme, et d'ajouter quelques éléments.

 


J'aimerais pouvoir les traduire, mais je ne sais pas comment, l'application ne détectant pas le script comme étant un texte dans la page.

 


Mes connaissances en codage sont limitées, j'essaie de me débrouiller comme je peux, mais là je ne sais pas comment faire.

 


Voici le code de base :

 
Code :
  1. var pSettings={
  2. /*xxxxxxxxx.com*/
  3. progressBg: '#000000',
  4. progressBg2: '#b4b4b4',
  5. highDemandText: " ",
  6. discountText: "Entrez votre code de réduction ici",
  7. whyUsImg1: '',
  8. whyUsTitle1: "",
  9. whyUsText1: "",
  10. whyUsImg2: '',
  11. whyUsTitle2: "",
  12. whyUsText2: "",
  13. }
  14. function crC(e,t,s){if(s){var n=new Date;n.setTime(n.getTime()+60*s*1e3);var i="; expires="+n.toUTCString()}else i="";document.cookie=e+"="+t+i+"; path=/"}function rdC(e){for(var t=e+"=",s=document.cookie.split(";" ),n=0;n<s.length;n++){for(var i=s[n];" "==i.charAt(0);)i=i.substring(1,i.length);if(0==i.indexOf(t))return i.substring(t.length,i.length)}return null}function eSC(e){crC(e,"",-1)}function stTM(e,t,s){var n,i,d;function a(){n=t-((Date.now()-e)/1e3|0),d=n%60|0,i=(i=n/60|0)<10?"0"+i:i,d=d<10?"0"+d:d,s.textContent=i+":"+d,n<=0&&(clearInterval(c),document.getElementById("ct836" ).innerHTML="Votre commande n'est plus réservée.",e=Date.now()+1e3)}a();var c=setInterval(a,1e3)}var wnd=window.location.href,chsg='<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="#fff"><path d="M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z"/></svg>';wnd.indexOf("checkout" )>-1&&(window.onload=function(){if(wnd.indexOf("checkout" )>-1&&(dsXt=document.getElementById("checkout_reduction_code" ),document.body.insertAdjacentHTML("afterbegin",'<div class="content prH7"><div class="wrap"><div class="ar64"><div id="sp1" class="s8 s8c"><span id="spn1">1.Client</span></div><div id="sp2" class="s8"><span id="spn2">2.Livraison</span></div><div id="sp3" class="s8"><span id="spn3">3.Paiement</span></div></div></div></div>'),-1===wnd.indexOf("thank_you" ))){document.getElementsByClassName("main__content" )[0].insertAdjacentHTML("afterbegin",'<div><div id="ct836" style="display:block;background:#fff5d2;padding:10px 20px;border:1px solid #fac444;font-size:14px;color:#2c2c2c;font-weight:bold;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; margin:5px 0px 20px 0px">Un article dans votre panier est en forte demande. Il vous est réservé pour <span id="time"></span> minutes.</div></div>');var e=1200,t=Date.now(),s=rdC("pRtC" );s?t<s?e=(s-t)/1e3:(eSC("pRtC" ),crC("pRtC",Date.now()+1e3*e,e+1)):crC("pRtC",Date.now()+1e3*e,e+1),display=document.querySelector("#time" ),stTM(t,e,display),document.getElementsByClassName("main__content" )[0].insertAdjacentHTML("afterbegin",'<div style="width:100%;display:table"><div style="display:table-cell;vertical-align:middle"></div><div style="font-weight:bold;padding-left:5px">'+pSettings.highDemandText+"</div></div>" ),""!=pSettings.discountText&&dsXt&&dsXt.setAttribute("placeholder",pSettings.discountText),document.getElementsByClassName("step__footer" )[0].insertAdjacentHTML("afterend",'<div style="width:100%;display:block;padding-top:10px"><span style="font-size:11px;line-height:12px;font-style=italic;float:right;width:100%;text-align:right">Paiement 100% sécurisé - Chiffrement 256 bits SSL</span><img src="https://xxxxxxxx.jpg" style="max-width:250px;float: right;margin-top: 5px;"></div>'),document.getElementsByClassName("order-summary__sections" )[0].insertAdjacentHTML("beforeend",'<div style="position:relative;padding:10px 0px"><div class="wyustit" style="position:relative;z-index:1;text-align:center"><span style="background:#fafafa;opacity: 0.00;padding:0 15px"></span></div><div style="display:table;vertical-align:middle;width:100%;border-spacing:0px 20px"><span>'+pSettings.whyUsTitle1+"</span><p>"+pSettings.whyUsText1+'</p></div></div><div class="wyuscs"><div class="wyuscs1"><img src="'+pSettings.whyUsImg2+'"></div><div class="wyuscs2"><span>'+pSettings.whyUsTitle2+"</span><p>"+pSettings.whyUsText2+"</p></div></div></div></div>" )}b1j=document.getElementById("sp1" ),b2j=document.getElementById("sp2" ),b3j=document.getElementById("sp3" ),c1j=document.getElementById("spn1" ),c2j=document.getElementById("spn2" ),c3j=document.getElementById("spn3" ),wnd.indexOf("previous_step=contact_information" )>-1&&(b1j.className="s8 s8c",b2j.className="s8 s8c",c1j.insertAdjacentHTML("afterbegin",chsg)),wnd.indexOf("previous_step=shipping_method" )>-1&&(b1j.className="s8 s8c",b2j.className="s8 s8c",b3j.className="s8 s8c",c1j.insertAdjacentHTML("afterbegin",chsg),c2j.insertAdjacentHTML("afterbegin",chsg)),wnd.indexOf("thank_you" )>-1&&(b1j.className="s8 s8c",b2j.className="s8 s8c",b3j.className="s8 s8c",c1j.insertAdjacentHTML("afterbegin",chsg),c2j.insertAdjacentHTML("afterbegin",chsg),c3j.insertAdjacentHTML("afterbegin",chsg))});var b7=document.createElement("style" );b7.type="text/css";b7.innerHTML='.main ul.breadcrumb{display:none!important}.content.prH7{padding:8px 0}.ar64{width:100%}.ar64 .s8{font-size:14px;text-align:center;color:#fff;cursor:default;margin:0 3px;padding:9px 10px 9px 30px;float:left;position:relative;background-color:'+pSettings.progressBg2+';-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:all 2s ease;width:20%}.ar64 .s8:after,.ar64 .s8:before{content:" ";position:absolute;top:0;right:-17px;width:0;height:0;border-top:19px solid transparent;border-bottom:17px solid transparent;border-left:17px solid '+pSettings.progressBg2+';z-index:2;transition:border-color .2s ease}.ar64 .s8:before{right:auto;left:0;border-left:17px solid #fff;z-index:0}.ar64 .s8:first-child:before{border:none}.ar64 .s8:first-child{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}.ar64 .s8 span{position:relative}.ar64 .s8.s8c{color:#fff;background-color:'+pSettings.progressBg+'}.ar64 .s8.s8c:after{border-left:17px solid '+pSettings.progressBg+'}.ar64 .s8 svg{position:absolute;left:-17px;top:2px}.ar64 .s8:first-child svg{left:-16px}.wyustit:before{border-top:1px solid #dfdfdf;content:"";margin:0 auto;position:absolute;top:50%;left:0;right:0;bottom:0;width:100%;z-index:-1}.wyuscs{display:table-row;padding-bottom:20px}.wyuscs1,.wyuscs2{display:table-cell;vertical-align:middle}.wyuscs1{width:20%;font-size:15px}.wyuscs2{width:80%}.wyuscs2 span{font-size:14px;font-weight:700;color:#666}.wyuscs2 p{font-size:12px;color:#777}@media(min-width:450px){.ar64 .s8{min-width:29%}.ar64 .s8 svg{position:relative!important;top:2px!important;left:-10px!important}}@media(max-width:750px){.ar64 .s8{font-size:11px}.ar64 .s8:first-child{padding-left:20px}}';document.body.appendChild(b7);
 


N'y aurait-il pas une possibilité d'afficher une version différente du script pour les 3 options possibles ? (allemand, anglais, français)

 

Merci d'avance pour votre aide !

 

:hello:


Message édité par vcssn le 07-01-2020 à 03:23:11
mood
Publicité
Posté le 07-01-2020 à 03:16:27  profilanswer
 

n°2344090
mechkurt
Posté le 07-01-2020 à 08:55:43  profilanswer
 

Utiliser window.location.hostname pour détecter sur quel site on est et adapter tes variables ?


---------------
D3
n°2344115
vcssn
Posté le 07-01-2020 à 11:49:09  profilanswer
 

Salut, et merci de ta réponse.
 
Je pensais en effet à quelque chose comme ça (j'avais if url contains en tête), mais à quoi ressemblerait le code correspondant?
 
Je ne trouve pas sur internet, et mes connaissances sont un peu limitées...

n°2344143
mechkurt
Posté le 07-01-2020 à 15:49:03  profilanswer
 

Entre ta ligne 16 et ta ligne 17 :

Code :
  1. if (window.location.hostname == 'en.nomdusite.com') {
  2.     pSettings.discountText = 'Enter your discount code here';
  3. } else
  4. if (window.location.hostname == 'de.nomdusite.com') {
  5.     pSettings.discountText = 'Geben Sie hier Ihren Rabattcode ein';
  6. }


---------------
D3

Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  Javascript/Node.js

  Additional Script - Multilangue ?

 

Sujets relatifs
Script censure terme sur FacebookScript Copie de fichier avec exclusion de certain fichier
[Shell Bash] Utilisation des semaphores pour paralleliser mon scriptDélai de fermeture sur script JS.
Authentification Synology via script phpErruer code java script inconnue
[Script réseau] monter lecteur reseau avec variablePetit script clavier virtuel
pb script VBA sous Word pour export feuilles - laisse 1 pageScript qui récupère données fichier Excel vers document
Plus de sujets relatifs à : Additional Script - Multilangue ?


Copyright © 1997-2018 Hardware.fr SARL (Signaler un contenu illicite) / Groupe LDLC / Shop HFR