/** Подписаться **/ .feedback-box .feedback {width: 100%;padding: 20px;background: #99c827;} .feedback-box .feedback .text {margin-bottom: 30px;width: 100%;color: #fff;text-align: center;font-size: 17px;font-weight: 600;} .feedback-box .feedback .pp {margin-top: 15px;color: #ffffff;font-size: 12px;text-align: center;} .feedback-box .feedback .pp span {opacity: 0.5;filter: alpha(opacity=50);} .feedback-box .feedback .pp a {color: #ffffff;opacity: 0.5;filter: alpha(opacity=50);} .feedback-box .feedback .pp a:hover {opacity: 1;filter: alpha(opacity=100);} .feedback-box .feedback .callbackForm .callback-input.hide {display: none;} .feedback-box .feedback .callbackForm .callback-input {margin-bottom: 15px;} .feedback-box .feedback .callbackForm .callback-input input {background: #f3f3f3;border: 0;height: 40px;padding-left: 10px;line-height: 45px;} .feedback-box .feedback .callbackForm .callback-input input::-webkit-input-placeholder {color: #666666;} .feedback-box .feedback .callbackForm .callback-input input::-moz-placeholder {color: #666666;} .feedback-box .feedback .callbackForm .callback-input input:-moz-placeholder {color: #666666;} .feedback-box .feedback .callbackForm .callback-input input:-ms-input-placeholder {color: #c6c6c6;} .feedback-box .feedback .callbackForm .buttons {text-align: center;} .feedback-box .feedback .callbackForm .buttons .button {border: 2px solid #fe8a01;width: 150px;line-height: 36px;} .feedback-box .feedback .callbackForm .buttons .button:hover {background: #ffffff;color: #fe8a01;border: 2px solid #fe8a01;} .feedback-box .feedback form.callbackForm {width: 100%;display: flex;align-items: flex-start;justify-content: center;}
В Редакторе шаблонов---HTML, найдите код:
{% IF index_page %} <div id="main" class="index"> <div class="container"> {BODY} </div> </div> {% ENDIF %} <!-- /END Основная часть -->И сразу после добавьте данный код:
<!-- Подписаться на рассылку --> <div class="feedback-box"> <div class="container"> <div class="feedback"> <div class="text">Подпишитесь на наши рассылки по электронной почте</div> <form method="post" action="{CALLBACK_URL}" class="callbackForm" enctype="multipart/form-data"> <input type="hidden" name="hash" value="{HASH}" /> <input class="callbackredirect" type="hidden" name="return_to" value="{CALLBACK_URL}"/> <input type="hidden" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_PERSON}]" value="Подписаться"/> <input type="hidden" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_PHONE}]" value="Подписаться"/> <!-- Набор полей которые не видит пользователь, но видят боты. Когда они их заполняют мы точно знаем, что их прислал нам бот и мы не сохраняем подобный отзыв о товаре, а боту отправившему отзыв сообщаем, что отзыв добавлен успешно, но будет отображён здесь после прохождения модерации --> {ANTISPAM_CODE} <div class="callback-input"> <input class="callback_email inputText" type="email" name="form[callback_email]" value="{% IF CLIENT_IS_LOGIN %}{CLIENT_MAIL}{% ELSE %}{FORM_CALLBACK_EMAIL}{% ENDIF %}" maxlength="255" placeholder="Введите e-mail" autocomplete="off" requaried/> </div> <div class="buttons"> <button type="submit" title="Отправить" class="button button2">Подписаться</button> </div> </form> </div> </div> </div>