Не совсем понимаю для чего необходимо было делать все заново, так как код в сообщении
http://forum.storela...lme/#entry88321 полностью рабочий. Проблема как я понимаю была только в том что вы не могли найти кнопку которую необходимо было заменить, а так же вы не добавляли стилей в main.css так как их у вас и сейчас нет. Форма не работала (как уже заметил модератор ранее) из-за того что вы разместили код формы в внутри другой формы. Так как кнопка у вас уже имеется, и нет необходимости её менять - добавьте в файл стилей main.css
#nyroModalWrapper .block_order #closeBut {
display: none;
}
#nyroModalWrapper {
border: 4px double #777777 !important;
}
#nyroModalWrapper .block_order .feedbackForm {
padding: 0 40px;
}
#nyroModalWrapper .block_order h3 {
color: #000000;
font-size: 17px;
line-height: 33px;
margin: 0 0 15px;
text-align: left;
}
#nyroModalWrapper .block_order .prd-table table,
#nyroModalWrapper .block_order .prd-table table td,
#nyroModalWrapper .block_order .prd-table tr {
border: 1px solid #CCCCCC;
margin: 0;
padding: 10px;
text-align: center;
vertical-align: middle;
}
#nyroModalWrapper .block_order .prd-block > tr:not(.prd-table) td {
padding: 0;
margin: 0;
}
#nyroModalWrapper .block_order .button_med {
background: #FFDB00;
height: 30px;
width: 300px;
}
#nyroModalWrapper .block_order input {
border: 1px solid;
}
#nyroModalWrapper .block_order .prd-block > tbody > tr:not(.prd-table) td {
padding: 0;
}
#nyroModalWrapper .form_product_price .goodsDataMainModificationPriceNow {
font-size: 12px;
}
.prd-block input {
margin: 4px 10px !important;
}
.block_order div#nyroModalContent {
overflow: visible !important;
}
#nyroModalWrapper .block_order .prd-table > td {
padding-bottom: 10px;
}
#nyroModalWrapper .block_order .button_med {
margin-top: 10px;
}
Ваш код в шаблоне "Товар"
<div class="iframe_block_order" style="display:none;"><center>
<form method="post" action="http://{NET_DOMAIN}/feedback" class="feedbackForm" enctype="multipart/form-data">
<div class="section-caption c-orange" style="color:black;font-size:18px;height:40px;">Быстрая покупка без регистрации<br /><span class="form_product_name"></span></div>
<style> .fastorder td{border:1px solid;} input.fastorder{border:1px solid;} .fastorder2 td{padding:5px 0px;}</style>
<table cellpadding="0" width="80%" cellspacing="0" class="fnt11n txtalgncnt fastorder">
{% FOR cart_items %}
<tr class="order">
<td>
<div class="img txtalgncnt"><a href="{cart_items.GOODS_URL}"><img src="{% IF cart_items.GOODS_IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-icon.png{% ELSE %}{cart_items.GOODS_IMAGE_ICON}{% ENDIF %}" alt="" /></a></div>
</td>
<td>
<div class="info txtalgnlft">
<span class="fnt12n"><a href="{cart_items.GOODS_URL}">{cart_items.GOODS_NAME}
<!-- Если у товара есть отличительные свойства для модификации товара, допишем их к названию товара -->
{% IFNOT cart_items.distinctive_properties_empty %}<span>({% FOR distinctive_properties %}{cart_items.distinctive_properties.NAME}: {cart_items.distinctive_properties.VALUE}{% IFNOT cart_items.distinctive_properties.last %}, {% ENDIF %}{% ENDFOR %})</span>{% ENDIF %}</a></span>
</div>
</td>
<td class="fnt12b">{cart_items.ORDER_LINE_PRICE_NOW | money_format}</td>
</tr>
{% ENDFOR %}
</table>
<div class="iframe_click">
<input type="hidden" name="hash" value="{HASH}" />
{% IF FORM_SEND_OK %}
<h3 class="green">Спасибо за Ваше сообщение! В скором времени мы свяжемся с Вами.</h3>
<a href="http://{NET_DOMAIN}/">Перейти на главную</a>
{% ELSE %}
<table cellpadding="0" width="80%" cellspacing="0" class="fnt11n txtalgncnt fastorder2">
<tr>
<td>
<label for="feedback_nam">Ваше имя:<span>*</span></label>
</td><td>
<input id="feedback_name" name="form[feedback_name]" value="Имя" maxlength="50" minlength="3" class="input required fastorder" />
</td></tr>
<tr><td>
<label for="feedback_message">Ваш телефон:<span>*</span></label>
</td><td>
<input id="feedback_message" name="form[feedback_message]" class="required fastorder" value="Телефон" minlength="5" />
</td></tr>
<tr><td colspan="2">
<input type="button" class="button_med" style="width:60%;background:yellow;font-size:13px;padding:3px 0px;" value="Заказать" onclick="$(this).closest('form').find('#feedback_name').val($(this).closest('form').find('#feedback_name').val() + ' ' + $(this).closest('form').find('.form_product_name').text());$(this).closest('form').hide();$(this).closest('form').before('<center>Подождите, идет отправка формы...</center>');$(this).closest('form').submit();"/>
<p>Оставьте Ваши контактные данные, и в течении 30 минут наш менеджер свяжется с Вами</p>
</td></tr>
<tr><td>
<label for="feedback_еmail">Ваша почта:<span>*</span></label>
</td><td>
<input id="feedback_еmail" class="required fastorder" name="form[feedback_email]" value="Адрес email" maxlength="255" minlength="5" class="input" />
</td></tr>
<input id="feedback_еmail" style="width: 320px; margin: 10px;" name="form[feedback_email]" value="Адрес email" maxlength="255" minlength="5" class="input" />
</table>
{% ENDIF %}
</div>
</form>
</center></div>
замените на
<div class="iframe_block_order" style="display:none;">
<center>
<form method="post" action="http://{NET_DOMAIN}/feedback" class="feedbackForm" enctype="multipart/form-data">
<div class="section-caption c-orange"><h3>Быстрая покупка без регистрации!</h3></div>
<div class="iframe_click">
<input type="hidden" name="hash" value="{HASH}" />
{% IF FORM_SEND_OK %}
<h3 class="green">Спасибо за Ваше сообщение! В скором времени мы свяжемся с Вами.</h3>
<a href="http://{NET_DOMAIN}/">Перейти на главную</a>
{% ELSE %}
<table class="prd-block">
<tr class="prd-table">
<td colspan="2">
<table>
<tr>
<td class="form_product_img"></td>
<td class="form_product_name"></td>
<td class="form_product_price"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td>Ваше имя*:</td>
<td><input id="feedback_name" style="width: 150px; margin: 10px;" name="form[feedback_name]" placeholder="Имя" maxlength="50" required="required" minlength="3" class="input required" /></td>
</tr>
<tr>
<td>Ваш телефон*:</td>
<td><input id="feedback_message" style="width: 150px; margin: 10px;" name="form[feedback_message]" class="required" required="required" placeholder="Телефон" minlength="5" /></td>
</tr>
<tr>
<td>Ваш email*:</td>
<td><input id="feedback_еmail" style="width: 150px; margin: 10px;" name="form[feedback_email]" class="required" required="required" placeholder="Email" /></td>
</tr>
</table>
<input type="button" class="button_med" value="Заказать" onclick="$('#nyroModalContent .feedbackForm').validate();if(!$('#nyroModalContent .feedbackForm').valid())return(false);$(this).closest('form').find('#feedback_name').val($(this).closest('form').find('#feedback_name').val() + ' ' + $(this).closest('form').find('.form_product_name').text());$(this).closest('form').hide();$(this).closest('form').before('<center class=sends>Подождите, идет отправка формы...</center>');$.post($(this).closest('form').attr('action'), $(this).closest('form').serializeArray(), $.proxy(function() {$('.sends').remove();$(this).closest('form').before('<center class=sends>Спасибо за заявку, мы перезвоним Вам в самое ближайшее время.</center>');setTimeout(function() {$('.nyroModalClose').trigger('click');}, 3000)}, this));"/>
<p>Оставьте Ваши контактные данные, и в течении 30 минут наш менеджер свяжется с Вами</p>
{% ENDIF %}
</div>
</form>
</center>
</div>
<script type="text/javascript">
$(function() {
$('a#fastorder').click(function(e) {
$('.form_product_name').text('{GOODS_NAME}');
$('.form_product_img').html($('.allphoto .zoomicon li:eq(0)').html()).find('a').removeAttr('rel');
$('.form_product_price').html($('.goodsDataMainModificationDataBlock .goodsDataMainModificationPriceNow:first').clone());
e.preventDefault();
var width = 400;
var height = 260;
var content = $('.iframe_block_order').html();
$.fn.nyroModalManual({
width: 600,
height: height,
content: content,
minWidth: 400,
minHeight: height,
gallery: null,
wrap: {
div: '<div class="wrapper block_order"></div>',
ajax: '<div class="wrapper block_order"></div>',
form: '<div class="wrapper block_order"></div>',
formData: '<div class="wrapper block_order"></div>',
manual: '<div class="wrapper block_order"></div>'
}
});
return(false);
});
});
</script>
данный код по сути просто продублировался из сообщения
http://forum.storela...lme/#entry88321 за исключением того что в данном коде есть правки (убрано скрытие email адреса и вставлен ваш комментарий формы).
1
Korolev Andrey (08 Сентябрь 2013 - 09:28) писал:
4428729.png
