Treść przykładowego forumularza :
- Kod: Zaznacz cały
<!--<label> Imię i nazwisko (wymagane)
[text your-name] </label>
<label> Adres email (wymagane)
[email your-email] </label>-->
<label> Nr Zamówienia
[number* orderid id:very-special-field]
</label>
<style>
#very-special-field
{
font-size: 13px;
color: #767676;
padding: 10px 12px;
background-color: #fdfdfd;
border: 1px solid #e3e3e3;
outline: 0;
margin-bottom: 4px;
}</style>
<style>
#uwagi
{
height: 100px;
}
</style>
<label> Osie
[select* Osie "Wybierz opcję" "10" "20" "30" "40" "50" "60" "70" "80" "90" "100" "110" "120" "130" "140" "150" "160" "170" "180"]</label>
<label> Cylinder
[select* Cylinder "Wybierz opcję" "-2,75" "-2,25" "-1,75" "-1,25" "-0,75"]</label>
<label> Moc
[select* Moc "Wybierz opcję" "-9.00" "-8.50" "-8.00" "-7.50" "-7.00" "-6.50" "-6.00" "-5.75" "-5.50" "-5.25" "-5.00" "-4.75" "-4.50" "-4.25" "-4.00" "-3.75" "-3.50" "-3.25" "-3.00" "-2.75" "-2.50" "-2.25" "-2.00" "-1.75" "-1.50" "-1.25" "-1.00" "-0.75" "-0.50" "-0.25" "+0.00" "+0.25" "+0.50" "+0.75" "+1.00" "+1.25" "+1.50" "+1.75" "+2.00" "+2.25" "+2.50" "+2.75" "+3.00" "+3.25" "+3.50" "+3.75" "+4.00"]</label>
<label>Ta sama moc w obu oczach?</label>
<div class="btn" onclick="myFunction2()">TAK</div>
<div class="btn" id="no" onclick="myFunction()">NIE</div>
<script>
function myFunction() {
var x = document.getElementById("drugieOko");
if (x.style.display === "none") {
x.style.display = "block";
} else {
x.style.display = "block";
}
}
function myFunction2() {
var x = document.getElementById("drugieOko");
if (x.style.display === "none") {
x.style.display = "none";
} else {
x.style.display = "none";
}
}
</script>
<div id="drugieOko" style="display:none">
<label> Osie
[select Osie2 "Wybierz opcję" "10" "20" "30" "40" "50" "60" "70" "80" "90" "100" "110" "120" "130" "140" "150" "160" "170" "180"]</label>
<label> Cylinder
[select Cylinder2 "Wybierz opcję" "-2,25" "-1,75" "-1,25" "-0,75"]</label>
<label> Moc
[select Moc2 "Wybierz opcję" "-9.00" "-8.50" "-8.00" "-7.50" "-7.00" "-6.50" "-6.00" "-5.75" "-5.50" "-5.25" "-5.00" "-4.75" "-4.50" "-4.25" "-4.00" "-3.75" "-3.50" "-3.25" "-3.00" "-2.75" "-2.50" "-2.25" "-2.00" "-1.75" "-1.50" "-1.25" "-1.00" "-0.75" "-0.50" "-0.25" "+0.00" "+0.25" "+0.50" "+0.75" "+1.00" "+1.25" "+1.50" "+1.75" "+2.00" "+2.25" "+2.50" "+2.75" "+3.00" "+3.25" "+3.50" "+3.75" "+4.00"]</label>
</div>
<label> Uwagi
[textarea your-message id:uwagi] </label>
[submit "Wyślij"]
<style>
.wpcf7-response-output.wpcf7-display-none {
border: 0px solid;
}
.btn{
height:30px;
width:50px;
background-color: #d2d2d2;
text-align: center;
display: inline-block;
color: #fff;
padding: 5px 5px 5px 5px;
}
#no{
background-color: #000;}
</style>
Tutaj formularze zrobione.
https://mega.nz/#!o4lUhIrY!MVN4cWPzQruL ... oEivKHRkAA
Dodany formularz do produktu
https://mega.nz/#!xo9ynYZB!QCNSqM-NQxTJ ... yRha90Cxho
Wygląd strony:
https://mega.nz/#!h8tG0a5K!5IujSIfVeIey ... Ix0e4VjNVg