Тема Новогодняя, В Подвал Внести Изменения

Необходимо поставить в подвале вместо соцкнопок Поле Обратного Звонка как в Лазури. Спасибо!

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите и удалите:

<div class="footer-middle">
	 <div class="container">
		 <div class="callback">
		 <img src="{ASSETS_IMAGES_PATH}element4.png?design=newyear" class="element4"/>
		 <h3 class="title"><span>Закажите</span> <span>обратный звонок</span></h3>
		 <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}"/>
			 <!-- Набор полей которые не видит пользователь, но видят боты. Когда они их заполняют мы точно знаем, что их прислал нам бот и мы не сохраняем подобный отзыв о товаре, а боту отправившему отзыв сообщаем, что отзыв добавлен успешно, но будет отображён здесь после прохождения модерации -->
			 {ANTISPAM_CODE}
			 <div class="callback-input">
			 <input id="callback_person" class="inputText callback_person required" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_PERSON}]" value="{FORM_CALLBACK_PERSON}" placeholder="Ваше имя" maxlength="50" title="Представьтесь, пожалуйста" autocomplete="off">
			 </div>
			 <div class="callback-input">
			 <input id="callback_phone" class="inputText callback_phone required" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_PHONE}]" value="{FORM_CALLBACK_PHONE}" placeholder="Номер телефона" maxlength="50" title="Введите номер телефона" autocomplete="off">
			 </div>
			 <button type="submit" title="Отправить" class="button btn-primary big">Отправить<span class="bg"></span><span class="over">Отправить</span><span class="out">Отправить</span></button>
		 </form>
		 <img src="{ASSETS_IMAGES_PATH}element2.png?design=newyear" class="element2"/>
		 </div>
	 </div>
	 </div>

  
  
далее найдите:

<div class="col-lg-3 col-md-6 col-sm-6 col-sms-6 col-smb-12">
			 <h3 class="title text-center">Мы в социальных сетях</h3>
			 <!-- Соц. сети -->
			 <div class="social-links">
			 <a class="facebook" href="https://www.facebook.com/" title="FaceBook.com" target="_blank"><i class="fa fa-facebook"></i><span>facebook</span></a>
			 <a class="twitter" href="https://twitter.com/" title="Twitter.com" target="_blank"><i class="fa fa-twitter"></i><span>twitter</span></a>
			 <a class="odnoklassniki" href="https://ok.ru/" title="Odnoklassniki" target="_blank"><i class="fa fa-odnoklassniki"></i><span>odnoklassniki</span></a>
			 <a class="vk" href="https://vk.com/" title="VK.com" target="_blank"><i class="fa fa-vk"></i><span>vk</span></a>
			 <a class="instagram" href="https://www.instagram.com/galereyablagolepya" title="Instagram.com" target="_blank"><i class="fa fa-instagram"></i><span>instagram</span></a>
			 <a class="youtube" href="https://youtube.com/" title="YouTube.com" target="_blank"><i class="fa fa-youtube"></i><span>YouTube</span></a>
			 </div>
		 </div>

замените на:

<div class="col-lg-3 col-md-6 col-sm-6 col-sms-6 col-smb-12">
			 <h3 class="title text-center">Обратный звонок</h3>
			 <div class="block-content clearfix">
			 <label for="newsletter">Заполните форму, и наши специалисты свяжутся с Вами в ближайшее время.</label>
			 <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}"/>
				 <!-- Набор полей которые не видит пользователь, но видят боты. Когда они их заполняют мы точно знаем, что их прислал нам бот и мы не сохраняем подобный отзыв о товаре, а боту отправившему отзыв сообщаем, что отзыв добавлен успешно, но будет отображён здесь после прохождения модерации -->
				 {ANTISPAM_CODE}
				 <div class="input-box">
				 <input id="callback_person" class="inputText callback_person required" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_PERSON}]" value="{FORM_CALLBACK_PERSON}" placeholder="Представьтесь, пожалуйста" maxlength="50" title="Представьтесь, пожалуйста" autocomplete="off">
				 </div>
				 <div class="input-box">
				 <input id="callback_phone" class="inputText callback_phone required" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_PHONE}]" value="{FORM_CALLBACK_PHONE}" placeholder="Введите номер телефона" maxlength="50" title="Введите номер телефона" autocomplete="off">
				 </div>
				 <div class="pp">Нажимая на кнопку Отправить, Вы соглашаетесь с <a href="#">правилами обработки данных</a></div>
				 {% IFNOT FORM_SEND_OK %}<button type="submit" title="Отправить" class="button btn-primary big">Отправить<span class="bg"></span><span class="over">Отправить</span><span class="out">Отправить</span></button>{% ENDIF %}
			 </form>
			 </div>
		 </div>

Далее зайдите в main.css - найдите:

#footer .social-links {text-align: center;}
#footer .social-links a {display: inline-block;position: relative;text-align: center;width: 35px;height: 35px;line-height: 35px;background-color: #eacd8e;padding: 0px;border: 0;color: #fff9e8;font-size: 16px;margin: 0 5px 10px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}
#footer .social-links a span {display: none;}
#footer .social-links a:hover i {color: #fff;}
#footer .social-links a.facebook:hover {background-color: #3b5998;}
#footer .social-links a.twitter:hover {background-color: #1da1f2;}
#footer .social-links a.odnoklassniki:hover {background-color: #f2720c;}
#footer .social-links a.vk:hover {background-color: #507299;}
#footer .social-links a.instagram:hover {background-color: #262626;}
#footer .social-links a.youtube:hover {background-color: #e62117;}

замените на:

#footer .callbackForm input{margin: 5px 0;}
#footer .callbackForm button{margin-top: 5px;}

Vaccina (08 Ноябрь 2017 - 08:15) писал:

Спасибо, получилось! А как создать страницу с Правилами обработки данных?

Добрый день. Страницу с правилами обработки персональных данных можно создать в разделе Сайт-->Страницы и в поле описания внести стандартный текст о защите персональных данных. Инструкцию о установке данного функционала можно найти на другой ветке форума.

Спасибо!

Если просто не заполняя поля нажать кнопку отправить получается так http://imglink.ru/sh...5ec26a2ed'>