<button type="submit" class="add-cart button" title="Положить «{GOODS_NAME}» в корзину" style="{%IF GOODS_MOD_REST_VALUE =0 %}display:none;{%ENDIF%}><i class="fal fa-shopping-cart" aria-hidden="true"></i> В корзину</button>
И перед ним добавьте:
<a href="#callbackForm" class="callback fancybox ajax button PushMe" style="{%IF GOODS_MOD_REST_VALUE !=0 %}display:none;{%ENDIF%}" style="margin-top: 15px;">Сообщить о поступлении</a>
Найдите данный код:
<!-- /END Форма карточки товара -->
И сразу после добавьте данный код:
<div id="callbackForm" style="display:none;"> <form method="post" action="{CALLBACK_URL}" enctype="multipart/form-data"> <input type="hidden" name="hash" value="{HASH}" /> <input type="hidden" name="form[Название товара]" value="{GOODS_NAME}" /> <input class="callbackredirect" type="hidden" name="return_to" value="{CALLBACK_URL}" /> <!-- Набор полей которые не видит пользователь, но видят боты. Когда они их заполняют мы точно знаем, что их прислал нам бот и мы не сохраняем подобный отзыв о товаре, а боту отправившему отзыв сообщаем, что отзыв добавлен успешно, но будет отображён здесь после прохождения модерации --> {ANTISPAM_CODE} <div class="callback-form"> <div> <label for="callback_person" class="required">Представьтесь, пожалуйста<em>*</em></label> <input id="callback_person" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_PERSON}]" value="{FORM_CALLBACK_PERSON}" maxlength="50" class="required inputText"/> </div> <div> <label for="callback_phone" class="required">Телефон<em>*</em></label> <input id="callback_phone" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_PHONE}]" value="{FORM_CALLBACK_PHONE}" maxlength="255" class="required inputText"/> </div> <div> <label for="callback_comment">Комментарий</label> <textarea id="callback_comment" class="textarea" rows="7" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_COMMENT}]" >{FORM_CALLBACK_COMMENT}</textarea> </div> <div> <label for="callback_email">Email</label> <input id="callback_email" type="text" name="form[callback_email]" value="{FORM_CALLBACK_EMAIL}" maxlength="255" class="inputText"/> </div> </div> <br> <div class="pp">Нажимая на кнопку Отправить, <br/>Вы соглашаетесь с <a href="#">правилами обработки данных</a></div> <div class="buttons clear"> <a href="{INDEX_PAGE_URL}" class="button" style="display: none;">Перейти на главную</a> {% IFNOT FORM_SEND_OK %}<button type="submit" title="Отправить" class="button">Отправить</button>{% ENDIF %} </div> </form> </div> <script> $('.callback').fancybox(); </script>
Зайдите в Редактор шаблонов --- main.css и добавьте в самый конец шаблона код:
#callbackForm label {display: block;width: 100%;padding: 5px 0;color: #4c1e8b;font-weight: 600;} #callbackForm input {border: 2px solid #dce4e9;width: 100%;} textarea#callback_comment {height: 30px;border: 2px solid #dce4e9;} #callbackForm .buttons {text-align: center;margin-top: 5px;} a.callback.fancybox.ajax.button.PushMe {margin-top: 15px;}