Kako usmeriti kupca na čekboks sa uslovima plaćanja pre pritiska na dugme za plaćanje?

Sem što ove informacije moraju biti dostupne kupcu u svakom trenutku, one moraju biti prikazane kupcu i neposredno pred samo izvršenje plaćanja.

Obično se ovaj dokument otvara nakon pritiska na tekstualnu hipervezu, i tada kupac može još jednom pročitati koji su uslovi prodaje.

Postoje dva mesta na kojima se može prikazati ovakva hiperveza:

1) Neposredno pre samog prikazivanja forme za plaćanje - kupac mora označiti čekboks kojim se slaže sa svim navedenim uslovima iz ovog dokumenta;

2) Pre pritiska na dugme za plaćanje, na formi za plaćanje - postoji deo koda koji sakriva dugme za plaćanje, sve dok se polje čekboksa ne označi.

U nastavku ćemo definisati jednu promenljivu TermsandConditions koja će imati čekboks, i tekst hiperveze koji će voditi ka nekoj stranici/dokumentu :

var TermsandConditions = '<div id="trm-wrapper"><div class="TrmCheck"><input type="checkbox" id="agreetoterms" value="1"></div><div class="TrmLabel">Slažem se sa <a href="https://www.allsecure.rs/" target="_blank">uslovima plaćanja</a></div></div>';

 // sakriti dugme dok checkbox nije selektovan

$('.wpwl-button-pay').hide();

// prikaži dugme ako je kliknuto

$('#agreetoterms').change(function () {

if (this.checked)

$('.wpwl-button-pay').show();

else

$('.wpwl-button-pay').hide();

});

*pojašnjenje boja:
1. "agreetoterms" predstavlja ID elementa po kojem ćemo proveravati da li je uslov ispunjen ili nije.
2. "TrmLabel - ovde upisujemo tekst koji će biti i hiperveza za otvaranje dokumenta sa uslovima plaćanja.
3. '.wpwl-button-pay' - ovako smo definisali dugme za plaćanje.