Перейти к содержимому


Добавление Блока "подписаться"


  • Авторизуйтесь для ответа в теме
В этой теме нет ответов

#1 stasia

stasia

    Активный участник

  • Модераторы
  • 561 сообщений

Отправлено 03 Июнь 2020 - 16:07

Здравствуйте. Зайдите в Редактор шаблонов --- main.css и добавьте в самый конец шаблона код:    


/** Подписаться **/
.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>





Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных