Всем здравствуйте, не могу решить сложную для себя задачку. Идея - большая форма с чекбоксами, списками и инпутами. У меня есть отдельный скрипт, который подсчитывает выбранные данные и выводит примерную стоимость на экран. Калькулятор стоимости.
Вот к этому калькулятору, нужно приклеить отправку выбранных данных на почту. Не ту строку, что выводит сторонний скрипт, а только выбранные значения.
В общем все вот так выглядит и не работает
[[!AjaxForm?
&snippet=`formlt`
&form=`kalkulyator`
&hooks=`phone`
&emailSubject=`Форма (калькулятор) с сайта ***`
&emailTo=`[email protected]`
&validate=`
phone:required,
email:blank,
dopolnitelno,
kolvo,
kromka,
izdelie_height,
izdelie_width,
forma,
colors,
kreplenie-kak,
upakovka,
plenka,
risunok,
podlojka`
&validationErrorMessage=`Заполнены не все обязательные поля!`
&successMessage=`Сообщение успешно отправлено`
]]
<form class="ajax_form" id="form-kalkul" method="post" enctype="multipart/form-data" autocomplete="off" action="">
<fieldset>
<legend><h2 class="text-white">Калькулятор стоимости зеркал</h2></legend>
<div class="row kalkul">
<div class="col-lg-6 col-md-6 col-xs-12 col-sm-6 maxheight1">
<div class="divider light"></div>
<h3>Форма:</h3>
<div class="row">
<div class="col-lg-4 col-md-4 col-xs-6 col-sm-4 forma-radio">
<p><label for="pryamo_forma">
<input type="radio" value="1" class="no-padding col-lg-2 col-md-2 col-xs-2 col-sm-2" class="forma" name="forma" id="pryamo_forma" checked="checked">
<span class="no-padding col-lg-10 col-md-10 col-xs-10 col-sm-10" >
<img src="/assets/templates/images/pryamo.png" class="img-responsive" data-toggle="tooltip" alt="Прямоугольная" title="Прямоугольная" />
</span>
</label>
</p>
<p class="text-center">Прямоугольная</p>
</div>
<div class="col-lg-4 col-md-4 col-xs-6 col-sm-4">
<p>
<label for="figura_forma">
<input type="radio" value="1.5" class="no-padding col-lg-2 col-md-2 col-xs-2 col-sm-2" class="forma" name="forma" id="figura_forma">
<span class="no-padding col-lg-10 col-md-10 col-xs-10 col-sm-10" >
<img src="/assets/templates/images/figurnaya.png" class="img-responsive" data-toggle="tooltip" alt="Фигурная" title="Фигурная" />
</span>
</label>
</p>
<p class="text-center">Фигурная</p>
</div>
<div class="col-lg-4 col-md-4 col-xs-6 col-sm-4">
<p>
<label for="slojno_forma">
<input type="radio" value="2" class="no-padding col-lg-2 col-md-2 col-xs-2 col-sm-2" class="forma" name="forma" id="slojno_forma">
<span class="no-padding col-lg-10 col-md-10 col-xs-10 col-sm-10" >
<img src="/assets/templates/images/slojno.png" class="img-responsive" data-toggle="tooltip" alt="Сложной формы" title="Сложной формы" />
</span>
</label>
</p>
<p class="text-center">Сложной формы</p>
</div>
</div>
</div>
<div class="col-lg-6 col-md-6 col-xs-12 col-sm-6 maxheight1">
<div class="divider light"></div>
<h3>Выбрать зеркало:</h3>
<p class="colorzerkal">
<input type="radio" value="26" class="colors" name="colors" id="serebro" checked="checked" />
<img src="/assets/templates/images/silver.png" alt="Зеркало серебро" />
Зеркало серебро 4мм
</p>
<p class="colorzerkal">
<input type="radio" value="39" class="colors" name="colors" id="bronza" />
<img src="/assets/templates/images/gold.png" alt="Зеркало бронза" />
Зеркало бронза 4мм
</p>
<p class="colorzerkal">
<input type="radio" value="39" class="colors" name="colors" id="grafit" />
<img src="/assets/templates/images/grey.png" alt="Зеркало графит" />
Зеркало графит 4мм
</p>
</div>
<div class="col-lg-6 col-md-6 col-xs-12 col-sm-6 maxheight2">
<div class="divider light"></div>
<h3>Обработка кромки зеркала:</h3>
<select size="5" multiple name="kromka" class="form-control" id="kromka">
<option id="kromka1" value="1" checked="checked" [[!+fi.kromka:FormItIsSelected=`1`]]>Шлифовка кромки</option>
<option id="kromka2" value="1" [[!+fi.kromka:FormItIsSelected=`1`]]>Полировка кромки</option>
<option id="kromka3" value="5" [[!+fi.kromka:FormItIsSelected=`5`]]>Фацет прямой 10мм</option>
<option id="kromka4" value="6" [[!+fi.kromka:FormItIsSelected=`6`]]>Фацет прямой 15мм</option>
<option id="kromka5" value="8" [[!+fi.kromka:FormItIsSelected=`8`]]>Фацет прямой 20мм</option>
<option id="kromka6" value="10" [[!+fi.kromka:FormItIsSelected=`10`]]>Фацет прямой 25мм</option>
<option id="kromka7" value="1" [[!+fi.kromka:FormItIsSelected=`1`]]>Только резка зеркала</option>
</select>
</div>
<div class="col-lg-6 col-md-6 col-xs-12 col-sm-6 maxheight2">
<div class="divider light"></div>
<h3>Размер:</h3>
<div class="row">
<div class="col-lg-3 col-md-3 col-xs-6 col-sm-6 no-padding razmer">
<p>Ширина (cм):</p>
<p>Высота (cм):</p>
</div>
<div class="col-lg-3 col-md-3 col-xs-6 col-sm-6 no-padding razmer">
<p> <input type="number" value="20" min="20" max="400" id="izdelie_width" class="form-control" name="izdelie_width" step="5"></p>
<p> <input type="number" value="20" min="20" max="400" id="izdelie_height" class="form-control" name="izdelie_height" step="5"></p>
</div>
<div class="col-lg-6 col-md-6 hidden-xs hidden-sm no-padding razmerimg">
<img class="img-thumbnail" src="assets/templates/images/mirror.gif" alt="Подобрать размер зеркала">
</div>
</div>
</div>
<div class="col-lg-6 col-md-6 col-xs-12 col-sm-6 maxheight3">
<div class="divider light" id="kreplenie"></div>
<h3>Как планируете крепить изделие?</h3>
<p><input class="kreplenie-kak" name="kreplenie-kak" type="radio" value="15" id="krepeg_kley" checked="checked">На клей</p>
<p><input class="kreplenie-kak" name="kreplenie-kak" type="radio" value="25" id="krepeg_bez_sverlenie">На крепежи без сверления зеркала</p>
<p><input class="kreplenie-kak" name="kreplenie-kak" type="radio" id="sverlenie" value="0">На крепежи со сверлением зеркала</p>
<div id="kolvo-krepleniy" class="hidden">
<h5>Количество отверстий:</h5>
<p><label class="radio-inline">
<input type="number" value="1" min="1" max="10" id="radio-inlineCheckbox1" class="kol-vo" name="kolvo[]" [[!+fi.kolvo:FormItIsChecked=`1`]]>
Отверстие от 3-9 мм
</label></p>
<p><label class="radio-inline">
<input type="number" value="0" min="1" max="10" id="radio-inlineCheckbox2" class="kol-vo" name="kolvo[]" [[!+fi.kolvo:FormItIsChecked=`0`]]>
Отверстие от 10-16 мм
</label></p>
<p><label class="radio-inline">
<input type="number" value="0" min="1" max="10" id="radio-inlineCheckbox3" class="kol-vo" name="kolvo[]" [[!+fi.kolvo:FormItIsChecked=`0`]]>
Отверстие от 16-20 мм
</label></p>
<p><label class="radio-inline">
<input type="number" value="0" min="1" max="10" id="radio-inlineCheckbox4" class="kol-vo" name="kolvo[]" [[!+fi.kolvo:FormItIsChecked=`0`]]>
Отверстие от 20-26 мм
</label></p>
<p>
<label class="radio-inline">
<input type="number" value="0" min="1" max="10" id="radio-inlineCheckbox5" class="kol-vo" name="kolvo[]" [[!+fi.kolvo:FormItIsChecked=`0`]]>
Отверстие от 26-50 мм
</label></p>
<p><label class="radio-inline">
<input type="number" value="0" min="1" max="10" id="radio-inlineCheckbox6" class="kol-vo" name="kolvo[]" [[!+fi.kolvo:FormItIsChecked=`0`]]>
Отверстие от 50-65 мм
</label></p>
<br class="hidden-xs" />
</div>
<p><input class="kreplenie-kak" name="kreplenie-kak" type="radio" id="krepeg_plastina" value="6">На пластины (на крючки)</p>
</div>
<div class="col-lg-6 col-md-6 col-xs-12 col-sm-6 maxheight4">
<div class="divider light"></div>
<h3>Упаковка:</h3>
<p><input type="radio" class="upakovka" name="upakovka" value="1" id="karton" checked="checked">С упаковкой</p>
<p><input type="radio" class="upakovka" name="upakovka" value="0" id="nokarton">Без упаковки</p>
</div>
<div class="col-lg-6 col-md-6 col-xs-12 col-sm-6 maxheight4">
<div class="divider light"></div>
<h3>Защитная пленка:</h3>
<p><input type="radio" class="plenka" name="plenka" value="10" id="plenka_da"> Нужна</p>
<p><input type="radio" class="plenka" name="plenka" value="0" id="plenka_net" checked="checked"> Не нужна</p>
</div>
<div class="col-lg-6 col-md-6 col-xs-12 col-sm-6 maxheight4">
<div class="divider light"></div>
<h3>Нанесение рисунка:</h3>
<p><input type="radio" value="0" class="risunok" name="risunok" id="risunok_0" checked="checked"> Без рисунка</p>
<p><input type="radio" value="26" class="risunok" name="risunok" id="risunok_1" > Простой</p>
<p><input type="radio" value="40" class="risunok" name="risunok" id="risunok_2" > Сложный</p>
</div>
<div class="col-lg-6 col-md-6 col-xs-12 col-sm-6 maxheight1">
<div class="divider light"></div>
<h3>Подложка:</h3>
<p><input type="radio" value="0" class="podlojka" name="podlojka" id="steklo0" checked="checked"> Без подложки</p>
<p><input type="radio" value="12" class="podlojka" name="podlojka" id="steklo4"> Стекло 4 мм</p>
<p><input type="radio" value="16" class="podlojka" name="podlojka" id="steklo6"> Стекло 6 мм</p>
<p><input type="radio" value="26" class="podlojka" name="podlojka" id="steklo8"> Стекло 8 мм</p>
<p><input type="radio" value="36" class="podlojka" name="podlojka" id="steklo10"> Стекло 10 мм</p>
</div>
<div class="col-lg-6 col-md-6 col-xs-12 col-sm-6 maxheight1">
<div class="divider light"></div>
<h3>Дополнительно:</h3>
<p><input type="checkbox" value="50" class="dopolnitelno" name="dopolnitelno" [[!+fi.dopolnitelno:FormItIsChecked=`50`]] id="podgotovka-poverhnosti">Подготовка поверхности</p>
<p><input type="checkbox" value="7" class="dopolnitelno" name="dopolnitelno" [[!+fi.dopolnitelno:FormItIsChecked=`7`]] id="zamer" checked="checked">Замер</p>
<p><input type="checkbox" value="11" class="dopolnitelno" name="dopolnitelno" [[!+fi.dopolnitelno:FormItIsChecked=`11`]] id="dostavka" checked="checked">Доставка по Минску</p>
<p><input type="checkbox" value="50" class="dopolnitelno" name="dopolnitelno" [[!+fi.dopolnitelno:FormItIsChecked=`50`]] id="montaj" checked="checked">Монтаж</p>
<p><input type="checkbox" value="95" class="dopolnitelno" name="dopolnitelno" [[!+fi.dopolnitelno:FormItIsChecked=`95`]] id="podogrev" >Подогрев</p>
</div>
</div>
</fieldset>
<fieldset>
<legend><h2 class="text-white">Стоимость зеркала</h2></legend>
<div id="order_details"></div>
<div id="total_price">
<p id="summ" class="hcalc text-center">Примерная цена заказа: <strong><span>укажите параметры.</span></strong></p>
<input type="email" name="email" value="" class="workemail"/>
<p class="text-center hidden" id="dops"><label data-add-placeholder="" class="mfInput">
<span class="mfPlaceHolder default phones">Ваш телефон* </span>
<span class="error_message">[[+fi.error.phone]]</span>
<input type="phone" name="phone" pattern="[0-9]{11}" placeholder="80291234567" class="index-phone"></label>
<button type="submit" class="btn-default btn5">Узнать точную стоимость</button></p>
</div>
</fieldset>
[[+fi.success:is=`1`:then=`
<div class="alert alert-success">[[+fi.successMessage]]</div>
`]]
[[+fi.validation_error:is=`1`:then=`
<div class="alert alert-danger">[[+fi.validation_error_message]]</div>
`]]
</form>
