Cambiare la lingua della pagina di Clerk.io Powerstep utilizzando i progetti

Come cambiare la lingua del testo mostrato nel Powerstep utilizzando il design di Clerk.io.

Panoramica

Quando si lavora con un negozio web non inglese, la traduzione del Powerstep di Clerk.io nella lingua del negozio è fondamentale per mantenere la coerenza del sito. Di seguito viene illustrato un modo rapido per tradurre il Powerstep utilizzando i design di Clerk.io.

Effettuare traduzioni nel design

Per trovare il tuo design, vai su my.clerk.io > Raccomandazioni > Contenuto, individua il tuo Powerstep, quindi seleziona Modifica > Seleziona design > Modifica design.

In sostanza, dovrete copiare e incollare il seguente codice in fondo all’HTML del vostro progetto Powerstep:

<style onload="
  document.querySelector('.clerk_powerstep_header h2').textContent =
  document.querySelector('.clerk_powerstep_header h2').textContent.replace('You
  added', 'INSERT_YOU_ADDED_TRANSLATION_HERE').replace('to your shopping cart.', 'INSERT_TO_YOUR_SHOPPING_CART_TRANSLATION_HERE');
  document.querySelector('.action .powerstep-cart')[0].innerHTML = 'INSERT_CART_TRANSLATION_HERE';
  document.querySelector('.action .clerk_powerstep_button .clerk-powerstep-close').firstChild.innerHTML = 'INSERT_CONTINUE_SHOPPING_TRANSLATION_HERE';
"></style>

È necessario cambiare questi segnaposto con la lingua desiderata nel negozio:

  • INSERT\YOU\ADDED\TRANSLATION_HERE: qui si inserisce la traduzione di " You added" nella lingua del negozio.

  • INSERT_TO_YOUR\HOPPING_CART_TRANSLATION_HERE: qui si inserisce la traduzione di “al tuo carrello”.

  • INSERT_CART_TRANSLATION_HERE: qui si fornirà la traduzione di “Carrello” o “Basket”.

  • INSERT_CONTINUE_SHOPPING_TRANSLATION_HERE: fornire qui la traduzione di “Continua lo shopping”.

Ecco un esempio di aggiunta del codice di cui sopra per tradurre il testo di Powerstep dall’inglese all’olandese: