Tradurre la descrizione della lista prodotti con un Codice CSS

Mi servirebbe anche un box da aggiungere nella traduzione della lingua di ogni massaggio

perchè se vado nella lingua mi permette di tradurre solo i titoli ma la descrizione attualmente l'ho messa a tutti in inglese ma vorrei metterla per ogni lingua.

Buonasera Raffaele,

Grazie per aver contattato il supporto tecnico di Jotform. Purtroppo non è possibile tradurre la lista prodotti tramite la sezione "Traduzioni" ma può farlo tramite codici CSS. Le spiego come fare:

1. Per prima cosa bisogna trovare l'ID del elemento che va modificato, per farlo fare clic destro con il mouse nel suo modulo.
2. Poi fare clic sull'opzione Ispeziona.
3. Dunque fare clic sull'icona a forma di freccia all'interno di un quadrato o premere i tasti Ctrl + Shift + C.
4. Fare click sull'elemento che si vuole tradurre quando scorrendo su di esso appare un riquadro verde.
5. Poi nel pannello sulla destra, fare clic sull'icona + per mostrare il campo.
6. Infine copiare il campo.

Una volta copiato l'ID del campo, creare dei codici CSS simili a questo (L'ID andrà al posto delle voci "#product-name-description-input_6_1035" presenti qui sotto:)

/* CSS code to change the Description of a product in the Product list */

#product-name-description-input_6_1035:lang(it) {

font-size: 0 !important;

}

#product-name-description-input_6_1035:lang(it):after {

content: "TESTO TRADOTTO QUI";

font-size: 14px;

}

/* Code Ends Here */

Esempio:

/* CSS code to change the Description of a product in the Product list */

#product-name-description-input_6_1035:lang(it) {

font-size: 0 !important;

}

#product-name-description-input_6_1035:lang(it):after {

content: "Il massaggio decontratturante è in grado di ridurre la tensione e la rigidità muscolare che tipicamente accompagnano le contratture, di ridurre il dolore avvertito dall'individuo e di migliorare la mobilità muscolare della zona interessata, favorendo così un recupero e una guarigione più rapidi. Può essere utilizzato anche dopo l'allenamento, soprattutto quando si avverte una certa rigidità muscolare, condizione spesso presente nelle attività sportive di intensità medio-alta.";

font-size: 14px;

}

/* Code Ends Here */

Applicare questo CSS è molto semplice, le spiego come fare:

1. Nel Costruttore di Moduli, fare clic sul pulsante Designer Moduli, in alto a destra dello schermo.
2. Quindi, fare clic sulla scheda Stili.
3. Scorrere fino a Inserisci CSS Personalizzato e inserire il codice CSS personalizzato.

Risultato:

Qui può testare questo modulo di prova o clonarlo per capire meglio come è stato configurato.

Provi e ci faccia sapere se ha bisogno di ulteriori chiarimenti.

Buonasera Vincenzo

sono riuscito a cambiare il colore ma le traduzioni sono troppo complicate per me.

Riesci ad assistermi traducendolo tu te ne sono grato perché è difficile capirlo per me.

Il Módulo é Wellness & Spa 2.2

de poi aggiungerò la lingua spagnola come bisognerà fare ?
perché vorrei avere 3 lingue

con ogni prodotto sotto il titolo la descrizione nella sua lingua

grazie 1000 in anticipo

Raffaele

Buonasera Raffele,

Grazie per utilizzare Jotform. Certo, ecco il Codice CSS che contiene la traduzione delle descrizioni dei prodotti della sua Lista prodotti, sia in Italiano che in Spagnolo:

/* CSS code to change the Description of products in the Product list */

span#product-name-description-input_6_1068:lang(it) {

font-size: 0 !important;

}

#product-name-description-input_6_1068:lang(it):after {

content: "L'odore del legno, nella sauna, evoca il profumo della natura risvegliando il desiderio di calma interiore e liberando la mente dallo stress mentale. Il percorso di 30 minuti comprende l'uso esclusivo della sauna e della doccia emozionale. Quali sono i benefici della sauna? Nella sauna, la sudorazione permette l'eliminazione delle tossine e aiuta a perdere liquidi. La pelle riacquista compattezza ed elasticità ammorbidendosi naturalmente. Con l'intensificarsi dell'attività cardiovascolare, nell'organismo vengono rilasciate endorfine, sostanze con proprietà analgesiche, che donano benessere interagendo con il cervello. Rilassa i muscoli contratti e le articolazioni. Aiuta a rafforzare le difese immunitarie, riducendo il rischio di raffreddori e influenze.";

font-size: 14px;

}



#product-name-description-input_6_1035:lang(it) {

font-size: 0 !important;

}

#product-name-description-input_6_1035:lang(it):after {

content: "Il massaggio decontratturante è in grado di ridurre la tensione e la rigidità muscolare che tipicamente accompagnano le contratture, di ridurre il dolore avvertito dall'individuo e di migliorare la mobilità muscolare della zona interessata, favorendo così un recupero e una guarigione più rapidi. Può essere utilizzato anche dopo l'allenamento, soprattutto quando si avverte una certa rigidità muscolare, condizione spesso presente nelle attività sportive di intensità medio-alta.";

font-size: 14px;

}



#product-name-description-input_6_1031:lang(it) {

font-size: 0 !important;

}

#product-name-description-input_6_1031:lang(it):after {

content: "Una combinazione di movimenti, frizioni, pressioni e percorsi per migliorare la circolazione e rilassare i muscoli.";

font-size: 14px;

}



#product-name-description-input_6_1059:lang(it) {

font-size: 0 !important;

}

#product-name-description-input_6_1059:lang(it):after {

content: "Il massaggio rilassante mira principalmente a migliorare lo stato di benessere della persona. Importanti proprietà del massaggio rilassante che non possono essere assolutamente trascurate sono quelle relative alla stimolazione della produzione di endorfine, al grande beneficio che apporta alla qualità del sonno e al miglioramento della memoria e della concentrazione.";

font-size: 14px;

}



#product-name-description-input_6_1048:lang(it) {

font-size: 0 !important;

}

#product-name-description-input_6_1048:lang(it):after {

content: "Il massaggio drenante è un tipo particolare di massaggio che ha lo scopo di favorire il drenaggio dei liquidi linfatici; è una tecnica di massaggio studiata per ridurre la ritenzione idrica e migliorare la circolazione sanguigna.Attraverso una manualità lenta e profonda, stimola le cellule adipose a sciogliere il groviglio di fibre che provoca l'aspetto a buccia d'arancia della cellulite.";

font-size: 14px;

}



#product-name-description-input_6_1024:lang(it) {

font-size: 0 !important;

}

#product-name-description-input_6_1024:lang(it):after {

content: "Durante questo massaggio, alcune pietre piatte e lisce di fiume basaltico - un tipo di roccia vulcanica che trattiene il calore - vengono posizionate su varie parti del corpo e rilasciano lentamente il loro calore.Questo trattamento aumenta la circolazione linfatica e sanguigna, disintossica la pelle e favorisce il rilassamento muscolare. È inoltre molto utile contro lo stress, la fatica e la stanchezza.";

font-size: 14px;

}



#product-name-description-input_6_1073:lang(it) {

font-size: 0 !important;

}

#product-name-description-input_6_1073:lang(it):after {

content: "Ricca di alghe, burro di cacao, tè verde, collagene e acido ialuronico, questa formula igienizza, idrata, nutre la pelle e le dona vitalità e rinnovamento cellulare.Lascia la pelle liscia, morbida e luminosa, previene l'aggressione naturale dell'agenit ossidante e prepara la pelle all'estate.Il trattamento Moon Bath è ideale tutto l'anno.In inverno elimina l'aspetto biancastro e secco della pelle, mentre in estate prepara la pelle a un'abbronzatura dorata.Dopo una seduta di Bagno di Luna la pelle non sarà più la stessa.";

font-size: 14px;

}



#product-name-description-input_6_1019:lang(en) {

font-size: 0 !important;

}

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

content: "15 minutes";

font-size: 14px;

}



#product-name-description-input_6_1071:lang(en) {

font-size: 0 !important;

}

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

content: "15 minutes";

font-size: 14px;

}



#product-name-description-input_6_1070:lang(en) {

font-size: 0 !important;

}

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

content: "15 minutes";

font-size: 14px;

}



#product-name-description-input_6_1072:lang(en) {

font-size: 0 !important;

}

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

content: "15 minutes";

font-size: 14px;

}



#product-name-description-input_6_1069:lang(en) {

font-size: 0 !important;

}

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

content: "30 minutes";

font-size: 14px;

}



span#product-name-description-input_6_1068:lang(es) {

font-size: 0 !important;

}

#product-name-description-input_6_1068:lang(es):after {

content: "El olor a madera de la sauna evoca el aroma de la naturaleza, despertando el deseo de calma interior y liberando la mente del estrés mental. La sesión de 30 minutos incluye el uso exclusivo de la sauna y la ducha emocional. ¿Cuáles son los beneficios de la sauna? En la sauna, la sudoración permite eliminar toxinas y ayuda a perder líquidos. La piel recupera firmeza y elasticidad suavizándose de forma natural. Al intensificarse la actividad cardiovascular, se liberan endorfinas en el organismo, sustancias con propiedades analgésicas, que proporcionan bienestar al interactuar con el cerebro. Relaja los músculos contraídos y las articulaciones. Ayuda a reforzar el sistema inmunitario, reduciendo el riesgo de resfriados y gripe.";

font-size: 14px;

}



#product-name-description-input_6_1035:lang(es) {

font-size: 0 !important;

}

#product-name-description-input_6_1035:lang(es):after {

content: "El masaje descontracturante puede reducir la tensión y la rigidez muscular que suelen acompañar a las contracturas, disminuir el dolor que siente la persona y mejorar la movilidad muscular de la zona afectada, favoreciendo así una recuperación y curación más rápidas.También puede utilizarse después del entrenamiento, especialmente cuando se siente rigidez muscular, una condición que suele presentarse en actividades deportivas de intensidad media a alta.";

font-size: 14px;

}



#product-name-description-input_6_1031:lang(es) {

font-size: 0 !important;

}

#product-name-description-input_6_1031:lang(es):after {

content: "Una combinación de movimientos, fricciones, presiones y caricias para mejorar la circulación y relajar los músculos.";

font-size: 14px;

}



#product-name-description-input_6_1059:lang(es) {

font-size: 0 !important;

}

#product-name-description-input_6_1059:lang(es):after {

content: "El objetivo principal del masaje relajante es mejorar el estado de bienestar de la persona. Propiedades importantes del masaje relajante que no pueden pasarse por alto en absoluto son las relacionadas con la estimulación de la producción de endorfinas, el gran beneficio que aporta a la calidad del sueño y la mejora de la memoria y la concentración.";

font-size: 14px;

}



#product-name-description-input_6_1048:lang(es) {

font-size: 0 !important;

}

#product-name-description-input_6_1048:lang(es):after {

content: "El masaje drenante es un tipo especial de masaje cuyo objetivo es favorecer el drenaje de los líquidos linfáticos; es una técnica de masaje diseñada para reducir la retención de líquidos y mejorar la circulación sanguínea. Mediante una técnica manual lenta y profunda, estimula las células grasas para disolver la maraña de fibras que provoca el aspecto de piel de naranja de la celulitis.";

font-size: 14px;

}



#product-name-description-input_6_1024:lang(es) {

font-size: 0 !important;

}

#product-name-description-input_6_1024:lang(es):after {

content: "Durante este masaje, se colocan en distintas partes del cuerpo unas piedras de río de basalto planas y lisas -un tipo de roca volcánica que retiene el calor- que liberan lentamente su calor.Este tratamiento aumenta la circulación linfática y sanguínea, desintoxica la piel y favorece la relajación muscular. También es muy útil contra el estrés, la fatiga y el cansancio.";

font-size: 14px;

}



#product-name-description-input_6_1073:lang(es) {

font-size: 0 !important;

}

#product-name-description-input_6_1073:lang(es):after {

content: "Rica en algas, manteca de cacao, té verde, colágeno y ácido hialurónico, esta fórmula limpia, hidrata, nutre la piel y le aporta vitalidad y renovación celular. Deja la piel tersa, suave y radiante, previene la agresión natural de los agentes oxidantes y prepara la piel para el verano. El tratamiento Baño de Luna es ideal durante todo el año. En invierno elimina el aspecto blanquecino y seco de la piel, mientras que en verano la prepara para un bronceado dorado. Después de una sesión de Baño de Luna, la piel nunca volverá a ser la misma.";

font-size: 14px;

}



#product-name-description-input_6_1019:lang(es) {

font-size: 0 !important;

}

#product-name-description-input_6_1019:lang(es):after {

content: "15 minutos";

font-size: 14px;

}



#product-name-description-input_6_1071:lang(es) {

font-size: 0 !important;

}

#product-name-description-input_6_1071:lang(es):after {

content: "15 minutos";

font-size: 14px;

}



#product-name-description-input_6_1070:lang(es) {

font-size: 0 !important;

}

#product-name-description-input_6_1070:lang(es):after {

content: "15 minutos";

font-size: 14px;

}



#product-name-description-input_6_1072:lang(es) {

font-size: 0 !important;

}

#product-name-description-input_6_1072:lang(es):after {

content: "15 minutos";

font-size: 14px;

}



#product-name-description-input_6_1069:lang(es) {

font-size: 0 !important;

}

#product-name-description-input_6_1069:lang(es):after {

content: "30 minutos";

font-size: 14px;

}

/* Code Ends Here */

Dunque solo dovrà aggiungere la lingua Spagnola al modulo e inserire questo codice CSS e le descrizioni della lista prodotti verranno tradotte. In alternativa può clonarlo questo modulo qui. Segua questi passaggi per clonare il modulo:

Le mostro come fare:

1. Ne I Miei Moduli, fare clic sul pulsante arancione Crea Modulo in alto a sinistra.
2. Successivamente, fare clic su Importa Modulo poi su Da una Pagina Web.
3. Incollare il seguente URL sotto alla voce Inserisci URL: https://www.jotform.com/241435242923957
4. Infine, fare clic sul pulsante Crea Modulo.

Provi e ci faccia sapere se ha bisogno di ulteriori chiarimenti.

Salve Vincenzo

non ho capito come copiarlo tutto il codice ?

per favore puoi sostituirmi direttamente il mio modulo aggiungendo la lingua spagnola a italiano e inglese cosi evito di fare danni ???

ho Anche altre due richieste:

1) il trattamento Sauna e Doccia è gratuito ho messo a ZERO ma in inglese viene tradotto Gratuito puoi cambiarlo in Free e anche in spagnolo ?

grazie 1000

Vincenzo

Buonasera Raffaele,

Come da lei richiesto ho agito direttamente sul suo modulo aggiungendo la lingua spagnola al modulo, inserendo il Codice CSS e traducendo il termine "Gratuito". Dia un'occhiata al suo modulo qui.

Per quanto riguarda la sua seconda domanda, per evitare possibili confusioni, ho spostato la sua altra domanda su una nuova discussione. Può vedere la mia risposta facendo clic qui.

Restiamo a sua disposizione per ulteriori chiarimenti.

Good morning, I would like to ask you to please change the color in the boxes of the Wellness & Spa 2.0 module

I attach screen shots to help you understand better

Thank you

Raphael

Hi Raffaele,

I moved your other question to a new thread and helped you with that here.

Reach out again if you need any other help.