Multilingual form: how to translated product descriptions?

Buonasera,

ho provato a creare dei moduli multilingua e ho notato che non permette la traduzione delle descrizioni dei prodotti nelle liste prodotti.

Fa tradurre solo il titolo del prodotto ma non la descrizione.

C'è un modo per poter tradurre tutto?

Grazie per l'attenzione.

Hi chiarelliangelo82,

Thanks for reaching out to Jotform Support. Unfortunately, our Italian Support agents are busy helping other Jotform users at the moment. I'll try to help you in English using Google Translate, but you can reply in whichever language you feel comfortable using. Or, if you'd rather have support in Italian, let us know and we can have them do that. But, keep in mind that you'd have to wait until they're available again.

Now, coming back to your question, can you please confirm the URL of a form that you're trying to translate to multiple languages?

Once we hear back from you, we'll be able to help you with this.

Good morning,

the form is this:

https://form.jotform.com/241015631202337

There are still translations I need to complete, but the problem is the product list widget, where it doesn't give me any way to translate the product descriptions.

Only the product title, but not the description.

Buongiorno Angelo,

Grazie per averci ricontattato. Purtroppo, al momento non è possibile tradurre le descrizioni dei prodotti tramite il menù di traduzione. Sebbene la funzionalità che stai cercando non sia attualmente disponibile, lavoriamo sempre per aggiungere nuovi servizi e funzionalità a Jotform.

Ho inoltrato la tua richiesta al nostro team di sviluppatori. Quando o se verrà integrata dipende dal loro carico di lavoro, da quanto è fattibile e da quanti altri utenti lo richiedono. Non appena avremo aggiornamenti, ti informeremo tramite questa discussione.

Come soluzione alternativa, puoi inserire dei codici CSS personalizzati per tradurre la descrizione dei tuoi prodotti. Ecco come fare:

1. In Form Builder, clicca sull'icona a pennello in alto a destra.
2. Seleziona la scheda Styles.
3. Scorri in bass e incolla il codice seguente nella sezione Custom CSS.

/* change product descriptions for english - 13810071 */



/* primo prodotto */

:lang(en-UK) #product-name-description-input_121_1009 {

  font-size: 0 !important;

}

:lang(en-UK) #product-name-description-input_121_1009:after {

  content: 'DESCRIPTION HERE';

  font-size: 12px !important;

}



/* secondo prodotto */

:lang(en-UK) #product-name-description-input_121_1011 {

  font-size: 0 !important;

}

:lang(en-UK) #product-name-description-input_121_1011:after {

  content: 'DESCRIPTION HERE';

  font-size: 12px !important;

}



/* terzo prodotto */

:lang(en-UK) #product-name-description-input_121_1010 {

  font-size: 0 !important;

}

:lang(en-UK) #product-name-description-input_121_1010:after {

  content: 'DESCRIPTION HERE';

  font-size: 12px !important;

}

/* ends here */

Puoi modificare il codice di sopra inserendo il testo che preferisci al posto di 'DESCRIPTION HERE'. Ecco il risultato:

Prova e facci sapere se hai bisogno di ulteriore aiuto.

Grazie mille, ho provato a fare così è funziona, solo che dopo mi sono accorto che anche i nomi delle categorie e alcuni altri termini del widget non vengono tradotti.

Non so se anche per quelli si possa intervenire nello stesso modo?

Hi Angelo,

Thanks for getting back to us. I’ll need a bit of time to look into this. I’ll get back to you as soon as I can.

Hi Angelo,

Thanks for patiently waiting. You can inject the following CSS code below into your form to change the category names in the Product List field if the selected language is English (UK).

/* Replace the Category text if the selected language = English UK | Thread: 13810071 */ 

:lang(en-UK) #cid_121 > div > div > div:nth-child(8) > span:nth-child(1) > b {

  font-size: 0 !important;

}



:lang(en-UK) #cid_121 > div > div > div:nth-child(8) > span:nth-child(1) > b:after {

  content: 'CATEGORY 1';

  font-size: 16px !important;

}



:lang(en-UK) #cid_121 > div > div > div:nth-child(8) > span:nth-child(4) {

font-size: 0 !important;

}



:lang(en-UK) #cid_121 > div > div > div:nth-child(8) > span:nth-child(4) > b:after {

content: 'CATEGORY 2';

  font-size: 16px !important;

}

/* END */ 

As for the widgets, please note that the English (UK) in the Form Languages does not have the translated text in the Terms & Conditions widget. Here's how to fix it:

1. Click Settings in Form Builder.
2. In the Form Settings tab, click the Show More Options button.
   
3. Click the Edit button in the Form Languages section.
   
4. Hover your mouse over the English (UK) option and click the Pencil icon to edit.
   
5. Scroll down to the Terms & Conditions widgets and input their translated text.
   
   

Sample Result:

You can test my demo form or clone it to see the changes made in the cloned form. 

Give it a try, and let us know how it goes.