come posso inserire un importo barrato per mostrare lo sconto?

Salve, vorrei inserire un importo nel modulo di pagamento come prezzo di partenza e sbarrarlo per mostrare lo sconto. ecco un esempio:

vorrei un idea simile

qui il modulo che vorrei aggiornare: https://form.jotform.com/232842923425356

grazie

Buongiorno woopadv,

Grazie per aver contattato il supporto tecnico di Jotform. Con le funzioni di base, non è possibile mostrare l'importo originale sbarrato e quello scontato in quanto stai utilizzando un elemento Lista Prodotti. Tuttavia, potrebbe esserci una soluzione secondaria per la quale, ho bisogno di ottenere ulteriori informazioni. Il valore sbarrato dovrebbe variare in base allo sconto applicato oppure dovrebbe rimanere sempre fisso?

Utilizzando un codice CSS, è possibile aggiungere un ulteriori numero vicino a quello applicato e mostrarlo come sbarrato. Tuttavia, questa è solo una soluzione grafica statica, quindi non andrebbe a cambiare in base allo sconto applicato. Se desideri applicare questa opzione, faccelo sapere e ti forniremo il codice adatto per raggiungere il tuo scopo.

Rimaniamo in attesa di ulteriori informazioni.

Grazie, si, desidero avere il codice da adattare al modulo sulle offerte presenti ora sul modulo

il prezzo del primo prodotto è da 299 a 199

il prezzo del secondo prodotto è da 99 a 79

grazie

Buongiorno woopadv,

Grazie per averci ricontattato. Se vuoi mostrare il prezzo scontato e sbarrato a fianco del prezzo applicato, puoi applicare un codice CSS. Ecco come fare:

1. Nel Form Builder clicca sull'icona a Rullo in alto a destra.
2. Seleziona la scheda Styles e scorri in basso.
3. Copia e incolla il codice CSS seguente.

/* Add a strikedout price- 8254311*/

div[for=input_73_1000] .form-product-details > b > span:before{

  content: "€299.00"; 

  color: red; 

  text-decoration: line-through; 

  font-style: italic;	

}

div[for=input_73_1001] .form-product-details > b > span:before{

  content: "€99.00"; 

  color: red; 

  text-decoration: line-through; 

  font-style: italic;	

}

/* ends here */

Ecco il risultato:

Ho notato che il secondo prodotto è impostato a 99.00. Il codice agisce mostrando il prezzo di 99.00 scontato e sbarrato, come da tue indicazioni. Per mostrare il prezzo applicato di 79.00 dovrai modificarlo dalle impostazioni del prodotto.

Rimaniamo a disposizione per ulteriori chiarimenti.

molto bene grazie, era proprio quello di cui avevo bisogno.

é possibile aggiungere una spazio o 2 di testo tra i 2 prezzi?

Hi woopadv,

Thanks for getting back to us. I'd like to let you know that I am using a translation tool to provide assistance, but if you prefer to receive help in your native language, we can forward this ticket to our Italian Team. However, keep in mind that it could take longer to receive a response from them. 

With that said, you can add the Custom CSS code below into your form to add spacing between the prices.

/* add spacing between prices */

span.form-product-item .form-product-container .form-product-details > b >span[data-wrapper-react=true] {

margin-right: -12px;

}

div .form-product-details > b > span:before {

position: relative;

left: -8px;

}

As for your other question, I have moved that to a new thread, you can check that out here.

Let us know if you have any other questions.