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


Вёрстка Футера

Автор Ast, 22 июня 2016 11:50

  • Авторизуйтесь для ответа в теме
Сообщений в теме: 26

#1 Ast

Ast

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

  • Пользователи
  • PipPipPipPip
  • 253 сообщений

Отправлено 22 Июнь 2016 - 11:50

Аккаунт SL-368333
Здравствуйте.

Необходимо сделать футер в соответствии с скриншотом.
Графику и текст конечно сделаю сам, помогите пожалуйста переверстать футер в шаблоне.

Нужно:
1. Фон блока верхнего и нижнего футера ebeff4, между ними разделительная полоса d3d7db 1px

2. Верхняя часть футера делится на 4 блока по горизонту. В крайнем левом размещается логотип компании (как в шапке, но подгоню под нужный размер и с прозрачным фоном),

Под логотипом переносим копирайт из второй части шаблона.
Под копирайтом переносим из блока "контакты" шаблона: адрес, телефон, email.
Всё без графических иконок и эффектов. Просто текстом.

Далее под блоком контактов иконки платежных карт и слоган Работаем по ГОСТу.

В следующих трех блоках размещаются меню, которые наполняются из Сайт --> Меню

3. Нижняя часть футера делится на 2 части. В левой части текст (переменная SETTINGS_STORE_HTML_CODE), в правой иконки социальных сетей (иконки статичные добавлю сам,  анимированные иконки, которые были в оригинальном шаблоне убираем полностью, как и форму обратного звонка).

Конечно это должна быть адаптивная вёрстка.

Спасибо!

Прикрепленные изображения

  • footer.jpg

#2 Vaccina

Vaccina

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

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

Отправлено 23 Июнь 2016 - 06:07

В шаблоне HTML найдите:
<!-- Верхняя часть Подвала -->
	  <div id="footer-top" class="wrap">
		<div class="container">
		  <div class="row">
			<div class="block block-linkservice col-md-3 col-sm-6 col-sms-6 col-smb-12">
			  <div class="block-title">Меню</div>
			  <div class="block-content">
				<ul>
				  {% FOR menu %}
					{% FOR footer %}
					  {% FOR links %}<li><a href="{menu.footer.links.URL}" {% IF menu.footer.links.SELECTED %}class="active"{%ENDIF%} {% IF menu.footer.links.TITLE %}title="{menu.footer.links.TITLE}"{% ENDIF %}>{menu.footer.links.NAME}</a></li>{% ENDFOR %}
					{% ENDFOR %}
				  {% ENDFOR %}
				</ul>
			  </div>
			</div>
			<div class="block block-Information col-md-3 col-sm-6 col-sms-6 col-smb-12">
			  <div class="block-title">Личный кабинет</div>
			  <div class="block-content">
				<ul>
				  {% IFNOT CLIENT_IS_LOGIN %}
				  <li><a href="{USER_LOGIN_URL}" title="Вход в личный кабинет">Вход</a></li>
				  <li><a href="{USER_REGISTER_URL}" title="Регистрация">Регистрация</a></li>
				  {% ELSE %}
				  <li><a href="{USER_SETTINGS_URL}" title="Личный кабинет">Мой кабинет</a></li>
				  <li><a href="{USER_HISTORY_LIST_URL}" title="История заказов">История</a></li>
				  <li><a href="{FAVORITES_URL}" title="Избранные товары">Избранное</a></li>
				  <li><a href="{COMPARE_URL}" title="Сравнение">Сравнение</a></li>
				  <li><a href="{USER_LOGOUT_URL}" title="Выход">Выход</a></li>
				  {% ENDIF %}
				</ul>
			  </div>
			</div>
			<div class="clear-resp"></div>
			<div class="block block-contact col-md-3 col-sm-6 col-sms-6 col-smb-12">
			  <div class="block-title">Контакты</div>
			  <div class="block-content">
				{% IF SETTINGS_STORE_REGION || SETTINGS_STORE_WORK_TIME %}<p class="c-address">{% IF SETTINGS_STORE_REGION %}<span class="c-region">{SETTINGS_STORE_REGION}</span><br/>{% ENDIF %} {% IF SETTINGS_STORE_WORK_TIME %}<span class="c-worktime">Время работы : {SETTINGS_STORE_WORK_TIME}</span>{% ENDIF %}</p>{% ENDIF %}
				{% IF SETTINGS_STORE_EMAIL_MAIN %}<p class="c-email clear"><label>Email:</label><br/> <a href="mailto:{SETTINGS_STORE_EMAIL_MAIN}">{SETTINGS_STORE_EMAIL_MAIN}</a></p>{% ENDIF %}
				{% IF SETTINGS_STORE_PHONE_NUMBER1 %}<p class="c-phone"><label>Телефон:</label> <a class="ya-phone" href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</a></p>{% ENDIF %}
				{% IF SETTINGS_STORE_PHONE_NUMBER2 %}<p class="c-phone"><label>Телефон:</label> <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2}{SETTINGS_STORE_PHONE_CITY_CODE2}{SETTINGS_STORE_PHONE_NUMBER2}">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}({SETTINGS_STORE_PHONE_CITY_CODE2}){SETTINGS_STORE_PHONE_NUMBER2}</a></p>{% ENDIF %}
				{% IF SETTINGS_STORE_PHONE_NUMBER3 %}<p class="c-phone"><label>Телефон:</label> <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE3}{SETTINGS_STORE_PHONE_CITY_CODE3}{SETTINGS_STORE_PHONE_NUMBER3}">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}({SETTINGS_STORE_PHONE_CITY_CODE3}){SETTINGS_STORE_PHONE_NUMBER3}</a></p>{% ENDIF %}
				{% IF SETTINGS_STORE_SKYPE %}<p class="c-skype"><label>Skype:</label> <a href="skype:{SETTINGS_STORE_SKYPE}?call">{SETTINGS_STORE_SKYPE}</a></p>{% ENDIF %}
			  </div>
			</div>
			<div class="block block-subscribe col-md-3 col-sm-6 col-sms-6 col-smb-12">
			  <div class="block-title">Обратный звонок</div>
			  <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>
				  {% IFNOT FORM_SEND_OK %}<button type="submit" title="Отправить" class="submit">Отправить</button>{% ENDIF %}
				</form>
			  </div>
			</div>
		  </div>
		</div>
	  </div>
	  <!-- /END Верхняя часть Подвала -->
	  <!-- Подвал -->
	  <div id="footer" class="wrap">
		<div class="container">
		  <div class="row">
			<div class="col-xs-12">
			  <ul class="link-follow">
				<li><a target="_blank" class="facebook fa fa-facebook" href="#" title="FaceBook.com"></a></li>
				<li><a target="_blank" class="twitter fa fa-twitter" href="https://twitter.com/OknaVdome" title="Twitter.com"></a></li>
				<li><a target="_blank" class="odnoklassniki fa fa-odnoklassniki" href="http://ok.ru/group/52734101553303" title="Odnoklassniki"></a></li>
				<li><a target="_blank" class="vk fa fa-vk" href="http://vk.com/public108857667" title="VK.com"></a></li>
				<li><a target="_blank" class="youtube fa fa-instagram" href="https://www.instagram.com/oknavdome/" title="Instagram.com"></a></li>
			  </ul>
			</div>
			<div class="col-xs-12">
			  <div class="copyright">
				<p>{SETTINGS_STORE_ORG_NAME}</p>
				<p>&copy; {DATE_YEAR} &laquo;{SETTINGS_STORE_NAME}&raquo;</p>
				<p>{COPYRIGHT_FOR_DESIGN_SPRING}</p>
				<p>{SETTINGS_STORE_HTML_CODE}</p>
			  </div>
			</div>
		  </div>
		</div>
	  </div>
	  <!-- /END Подвал -->

замените на:
<!-- Верхняя часть Подвала -->
	  <div id="footer-top" class="wrap">
		<div class="container">
		  <div class="row">
			<div class="block col-md-3 col-sm-6 col-sms-6 col-smb-12">
	  <div class="block-title"><img src="{ASSETS_IMAGES_PATH}logo.png" alt="{SETTINGS_STORE_NAME}" /></div>
			  <div class="block-content">
	 <p>{SETTINGS_STORE_ORG_NAME}</p>
				<p>&copy; {DATE_YEAR} &laquo;{SETTINGS_STORE_NAME}&raquo;</p>
				<p>{COPYRIGHT_FOR_DESIGN_SPRING}</p>
			  {% IF SETTINGS_STORE_REGION || SETTINGS_STORE_WORK_TIME %}<p class="c-address">{% IF SETTINGS_STORE_REGION %}<span class="c-region">{SETTINGS_STORE_REGION}</span><br/>{% ENDIF %} {% IF SETTINGS_STORE_WORK_TIME %}<span class="c-worktime">Время работы : {SETTINGS_STORE_WORK_TIME}</span>{% ENDIF %}</p>{% ENDIF %}
				{% IF SETTINGS_STORE_EMAIL_MAIN %}<p class="c-email clear"><label>Email:</label><br/> <a href="mailto:{SETTINGS_STORE_EMAIL_MAIN}">{SETTINGS_STORE_EMAIL_MAIN}</a></p>{% ENDIF %}
				{% IF SETTINGS_STORE_PHONE_NUMBER1 %}<p class="c-phone"><label>Телефон:</label> <a class="ya-phone" href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</a></p>{% ENDIF %}
				{% IF SETTINGS_STORE_PHONE_NUMBER2 %}<p class="c-phone"><label>Телефон:</label> <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2}{SETTINGS_STORE_PHONE_CITY_CODE2}{SETTINGS_STORE_PHONE_NUMBER2}">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}({SETTINGS_STORE_PHONE_CITY_CODE2}){SETTINGS_STORE_PHONE_NUMBER2}</a></p>{% ENDIF %}
				{% IF SETTINGS_STORE_PHONE_NUMBER3 %}<p class="c-phone"><label>Телефон:</label> <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE3}{SETTINGS_STORE_PHONE_CITY_CODE3}{SETTINGS_STORE_PHONE_NUMBER3}">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}({SETTINGS_STORE_PHONE_CITY_CODE3}){SETTINGS_STORE_PHONE_NUMBER3}</a></p>{% ENDIF %}
				{% IF SETTINGS_STORE_SKYPE %}<p class="c-skype"><label>Skype:</label> <a href="skype:{SETTINGS_STORE_SKYPE}?call">{SETTINGS_STORE_SKYPE}</a></p>{% ENDIF %}
   
	<p>Принимаем к оплате:</p>
   
	<p class="slogan">Работаем по ГОСТу</p>
	</div>
			</div>
			<div class="block col-md-3 col-sm-6 col-sms-6 col-smb-12">
			  <div class="block-title">Меню1</div>
			  <div class="block-content">
				<ul>
				  {% FOR menu %}
					{% FOR footer %}
					  {% FOR links %}<li><a href="{menu.footer.links.URL}" {% IF menu.footer.links.SELECTED %}class="active"{%ENDIF%} {% IF menu.footer.links.TITLE %}title="{menu.footer.links.TITLE}"{% ENDIF %}>{menu.footer.links.NAME}</a></li>{% ENDFOR %}
					{% ENDFOR %}
				  {% ENDFOR %}
				</ul>
			  </div>
			</div>
			<div class="block col-md-3 col-sm-6 col-sms-6 col-smb-12">
	 <div class="block-title">Меню2</div>
			  <div class="block-content">
				<ul>
				  {% FOR menu %}
					{% FOR footer2 %}
					  {% FOR links %}<li><a href="{menu.footer2.links.URL}" {% IF menu.footer2.links.SELECTED %}class="active"{%ENDIF%} {% IF menu.footer2.links.TITLE %}title="{menu.footer2.links.TITLE}"{% ENDIF %}>{menu.footer2.links.NAME}</a></li>{% ENDFOR %}
					{% ENDFOR %}
				  {% ENDFOR %}
				</ul>
			  </div>
			</div>
			<div class="block col-md-3 col-sm-6 col-sms-6 col-smb-12">
			  <div class="block-title">Меню3</div>
			  <div class="block-content">
				<ul>
				  {% FOR menu %}
					{% FOR footer3 %}
					  {% FOR links %}<li><a href="{menu.footer3.links.URL}" {% IF menu.footer3.links.SELECTED %}class="active"{%ENDIF%} {% IF menu.footer3.links.TITLE %}title="{menu.footer3.links.TITLE}"{% ENDIF %}>{menu.footer3.links.NAME}</a></li>{% ENDFOR %}
					{% ENDFOR %}
				  {% ENDFOR %}
				</ul>
			  </div>
			</div>
		  </div>
		</div>
	  </div>
	  <!-- /END Верхняя часть Подвала -->
	  <!-- Подвал -->
	  <div id="footer" class="wrap">
		<div class="container">
		  <div class="row">
			<div class="col-xs-8 col-smb-12">
	 <p>{SETTINGS_STORE_HTML_CODE}</p>
			</div>
			<div class="col-xs-4 col-smb-12">
			  место для кнопок соц сетей
			</div>
		  </div>
		</div>
	  </div>
	  <!-- /END Подвал -->


В разделе Сайт - Меню - создайте 2 меню с переменными footer2 и footer3, также в коде добавьте необходимые иконки примема оплат и кнопки соц.сетей.

#3 Ast

Ast

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

  • Пользователи
  • PipPipPipPip
  • 253 сообщений

Отправлено 23 Июнь 2016 - 10:00

Просмотр сообщенияVaccina (23 Июнь 2016 - 06:07) писал:

В шаблоне HTML найдите:
<!-- Верхняя часть Подвала -->
	 <div id="footer-top" class="wrap">
	 <div class="container">
		 <div class="row">
		 <div class="block block-linkservice col-md-3 col-sm-6 col-sms-6 col-smb-12">
			 <div class="block-title">Меню</div>
			 <div class="block-content">
			 <ul>
				 {% FOR menu %}
				 {% FOR footer %}
					 {% FOR links %}<li><a href="{menu.footer.links.URL}" {% IF menu.footer.links.SELECTED %}class="active"{%ENDIF%} {% IF menu.footer.links.TITLE %}title="{menu.footer.links.TITLE}"{% ENDIF %}>{menu.footer.links.NAME}</a></li>{% ENDFOR %}
				 {% ENDFOR %}
				 {% ENDFOR %}
			 </ul>
			 </div>
		 </div>
		 <div class="block block-Information col-md-3 col-sm-6 col-sms-6 col-smb-12">
			 <div class="block-title">Личный кабинет</div>
			 <div class="block-content">
			 <ul>
				 {% IFNOT CLIENT_IS_LOGIN %}
				 <li><a href="{USER_LOGIN_URL}" title="Вход в личный кабинет">Вход</a></li>
				 <li><a href="{USER_REGISTER_URL}" title="Регистрация">Регистрация</a></li>
				 {% ELSE %}
				 <li><a href="{USER_SETTINGS_URL}" title="Личный кабинет">Мой кабинет</a></li>
				 <li><a href="{USER_HISTORY_LIST_URL}" title="История заказов">История</a></li>
				 <li><a href="{FAVORITES_URL}" title="Избранные товары">Избранное</a></li>
				 <li><a href="{COMPARE_URL}" title="Сравнение">Сравнение</a></li>
				 <li><a href="{USER_LOGOUT_URL}" title="Выход">Выход</a></li>
				 {% ENDIF %}
			 </ul>
			 </div>
		 </div>
		 <div class="clear-resp"></div>
		 <div class="block block-contact col-md-3 col-sm-6 col-sms-6 col-smb-12">
			 <div class="block-title">Контакты</div>
			 <div class="block-content">
			 {% IF SETTINGS_STORE_REGION || SETTINGS_STORE_WORK_TIME %}<p class="c-address">{% IF SETTINGS_STORE_REGION %}<span class="c-region">{SETTINGS_STORE_REGION}</span><br/>{% ENDIF %} {% IF SETTINGS_STORE_WORK_TIME %}<span class="c-worktime">Время работы : {SETTINGS_STORE_WORK_TIME}</span>{% ENDIF %}</p>{% ENDIF %}
			 {% IF SETTINGS_STORE_EMAIL_MAIN %}<p class="c-email clear"><label>Email:</label><br/> <a href="mailto:{SETTINGS_STORE_EMAIL_MAIN}">{SETTINGS_STORE_EMAIL_MAIN}</a></p>{% ENDIF %}
			 {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<p class="c-phone"><label>Телефон:</label> <a class="ya-phone" href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</a></p>{% ENDIF %}
			 {% IF SETTINGS_STORE_PHONE_NUMBER2 %}<p class="c-phone"><label>Телефон:</label> <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2}{SETTINGS_STORE_PHONE_CITY_CODE2}{SETTINGS_STORE_PHONE_NUMBER2}">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}({SETTINGS_STORE_PHONE_CITY_CODE2}){SETTINGS_STORE_PHONE_NUMBER2}</a></p>{% ENDIF %}
			 {% IF SETTINGS_STORE_PHONE_NUMBER3 %}<p class="c-phone"><label>Телефон:</label> <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE3}{SETTINGS_STORE_PHONE_CITY_CODE3}{SETTINGS_STORE_PHONE_NUMBER3}">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}({SETTINGS_STORE_PHONE_CITY_CODE3}){SETTINGS_STORE_PHONE_NUMBER3}</a></p>{% ENDIF %}
			 {% IF SETTINGS_STORE_SKYPE %}<p class="c-skype"><label>Skype:</label> <a href="skype:{SETTINGS_STORE_SKYPE}?call">{SETTINGS_STORE_SKYPE}</a></p>{% ENDIF %}
			 </div>
		 </div>
		 <div class="block block-subscribe col-md-3 col-sm-6 col-sms-6 col-smb-12">
			 <div class="block-title">Обратный звонок</div>
			 <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>
				 {% IFNOT FORM_SEND_OK %}<button type="submit" title="Отправить" class="submit">Отправить</button>{% ENDIF %}
			 </form>
			 </div>
		 </div>
		 </div>
	 </div>
	 </div>
	 <!-- /END Верхняя часть Подвала -->
	 <!-- Подвал -->
	 <div id="footer" class="wrap">
	 <div class="container">
		 <div class="row">
		 <div class="col-xs-12">
			 <ul class="link-follow">
			 <li><a target="_blank" class="facebook fa fa-facebook" href="#" title="FaceBook.com"></a></li>
			 <li><a target="_blank" class="twitter fa fa-twitter" href="https://twitter.com/OknaVdome" title="Twitter.com"></a></li>
			 <li><a target="_blank" class="odnoklassniki fa fa-odnoklassniki" href="http://ok.ru/group/52734101553303" title="Odnoklassniki"></a></li>
			 <li><a target="_blank" class="vk fa fa-vk" href="http://vk.com/public108857667" title="VK.com"></a></li>
			 <li><a target="_blank" class="youtube fa fa-instagram" href="https://www.instagram.com/oknavdome/" title="Instagram.com"></a></li>
			 </ul>
		 </div>
		 <div class="col-xs-12">
			 <div class="copyright">
			 <p>{SETTINGS_STORE_ORG_NAME}</p>
			 <p>&copy; {DATE_YEAR} &laquo;{SETTINGS_STORE_NAME}&raquo;</p>
			 <p>{COPYRIGHT_FOR_DESIGN_SPRING}</p>
			 <p>{SETTINGS_STORE_HTML_CODE}</p>
			 </div>
		 </div>
		 </div>
	 </div>
	 </div>
	 <!-- /END Подвал -->

замените на:
<!-- Верхняя часть Подвала -->
	 <div id="footer-top" class="wrap">
	 <div class="container">
		 <div class="row">
		 <div class="block col-md-3 col-sm-6 col-sms-6 col-smb-12">
	 <div class="block-title"><img src="{ASSETS_IMAGES_PATH}logo.png" alt="{SETTINGS_STORE_NAME}" /></div>
			 <div class="block-content">
	 <p>{SETTINGS_STORE_ORG_NAME}</p>
			 <p>&copy; {DATE_YEAR} &laquo;{SETTINGS_STORE_NAME}&raquo;</p>
			 <p>{COPYRIGHT_FOR_DESIGN_SPRING}</p>
			 {% IF SETTINGS_STORE_REGION || SETTINGS_STORE_WORK_TIME %}<p class="c-address">{% IF SETTINGS_STORE_REGION %}<span class="c-region">{SETTINGS_STORE_REGION}</span><br/>{% ENDIF %} {% IF SETTINGS_STORE_WORK_TIME %}<span class="c-worktime">Время работы : {SETTINGS_STORE_WORK_TIME}</span>{% ENDIF %}</p>{% ENDIF %}
			 {% IF SETTINGS_STORE_EMAIL_MAIN %}<p class="c-email clear"><label>Email:</label><br/> <a href="mailto:{SETTINGS_STORE_EMAIL_MAIN}">{SETTINGS_STORE_EMAIL_MAIN}</a></p>{% ENDIF %}
			 {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<p class="c-phone"><label>Телефон:</label> <a class="ya-phone" href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</a></p>{% ENDIF %}
			 {% IF SETTINGS_STORE_PHONE_NUMBER2 %}<p class="c-phone"><label>Телефон:</label> <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2}{SETTINGS_STORE_PHONE_CITY_CODE2}{SETTINGS_STORE_PHONE_NUMBER2}">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}({SETTINGS_STORE_PHONE_CITY_CODE2}){SETTINGS_STORE_PHONE_NUMBER2}</a></p>{% ENDIF %}
			 {% IF SETTINGS_STORE_PHONE_NUMBER3 %}<p class="c-phone"><label>Телефон:</label> <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE3}{SETTINGS_STORE_PHONE_CITY_CODE3}{SETTINGS_STORE_PHONE_NUMBER3}">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}({SETTINGS_STORE_PHONE_CITY_CODE3}){SETTINGS_STORE_PHONE_NUMBER3}</a></p>{% ENDIF %}
			 {% IF SETTINGS_STORE_SKYPE %}<p class="c-skype"><label>Skype:</label> <a href="skype:{SETTINGS_STORE_SKYPE}?call">{SETTINGS_STORE_SKYPE}</a></p>{% ENDIF %}

<p>Принимаем к оплате:</p>

<p class="slogan">Работаем по ГОСТу</p>
</div>
		 </div>
		 <div class="block col-md-3 col-sm-6 col-sms-6 col-smb-12">
			 <div class="block-title">Меню1</div>
			 <div class="block-content">
			 <ul>
				 {% FOR menu %}
				 {% FOR footer %}
					 {% FOR links %}<li><a href="{menu.footer.links.URL}" {% IF menu.footer.links.SELECTED %}class="active"{%ENDIF%} {% IF menu.footer.links.TITLE %}title="{menu.footer.links.TITLE}"{% ENDIF %}>{menu.footer.links.NAME}</a></li>{% ENDFOR %}
				 {% ENDFOR %}
				 {% ENDFOR %}
			 </ul>
			 </div>
		 </div>
		 <div class="block col-md-3 col-sm-6 col-sms-6 col-smb-12">
	 <div class="block-title">Меню2</div>
			 <div class="block-content">
			 <ul>
				 {% FOR menu %}
				 {% FOR footer2 %}
					 {% FOR links %}<li><a href="{menu.footer2.links.URL}" {% IF menu.footer2.links.SELECTED %}class="active"{%ENDIF%} {% IF menu.footer2.links.TITLE %}title="{menu.footer2.links.TITLE}"{% ENDIF %}>{menu.footer2.links.NAME}</a></li>{% ENDFOR %}
				 {% ENDFOR %}
				 {% ENDFOR %}
			 </ul>
			 </div>
		 </div>
		 <div class="block col-md-3 col-sm-6 col-sms-6 col-smb-12">
			 <div class="block-title">Меню3</div>
			 <div class="block-content">
			 <ul>
				 {% FOR menu %}
				 {% FOR footer3 %}
					 {% FOR links %}<li><a href="{menu.footer3.links.URL}" {% IF menu.footer3.links.SELECTED %}class="active"{%ENDIF%} {% IF menu.footer3.links.TITLE %}title="{menu.footer3.links.TITLE}"{% ENDIF %}>{menu.footer3.links.NAME}</a></li>{% ENDFOR %}
				 {% ENDFOR %}
				 {% ENDFOR %}
			 </ul>
			 </div>
		 </div>
		 </div>
	 </div>
	 </div>
	 <!-- /END Верхняя часть Подвала -->
	 <!-- Подвал -->
	 <div id="footer" class="wrap">
	 <div class="container">
		 <div class="row">
		 <div class="col-xs-8 col-smb-12">
	 <p>{SETTINGS_STORE_HTML_CODE}</p>
		 </div>
		 <div class="col-xs-4 col-smb-12">
			 место для кнопок соц сетей
		 </div>
		 </div>
	 </div>
	 </div>
	 <!-- /END Подвал -->


В разделе Сайт - Меню - создайте 2 меню с переменными footer2 и footer3, также в коде добавьте необходимые иконки примема оплат и кнопки соц.сетей.

Спасибо, все получилось. Но не могу найти где изменить фон нижнего подвала на #ebeff4 и как убрать расстояние между верхним и нижним подвалом (скрин)

Прикрепленные изображения

  • korr.jpg

#4 Firefly

Firefly

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

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

Отправлено 23 Июнь 2016 - 10:12

Просмотр сообщенияAst (23 Июнь 2016 - 10:00) писал:

Спасибо, все получилось. Но не могу найти где изменить фон нижнего подвала на #ebeff4 и как убрать расстояние между верхним и нижним подвалом (скрин)

Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
#footer-top {margin: 0 0 52px;padding: 35px 0 0;border-top: 1px solid #e9e9e9;background:#ebeff4;}

Замените на:
#footer-top {margin: 0px;padding: 35px 0 0;border-top: 1px solid #e9e9e9;background:#ebeff4;}

Найдите код:
#footer {margin: 0 0;padding: 0 0 40px;border-top: 1px solid #e9e9e9;}

Замените на:
#footer {margin: 0 0;padding: 0 0 40px;border-top: 1px solid #e9e9e9;background: #ebeff4;}

#5 Ast

Ast

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

  • Пользователи
  • PipPipPipPip
  • 253 сообщений

Отправлено 23 Июнь 2016 - 10:49

Просмотр сообщенияFirefly (23 Июнь 2016 - 10:12) писал:

Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
#footer-top {margin: 0 0 52px;padding: 35px 0 0;border-top: 1px solid #e9e9e9;background:#ebeff4;}

Замените на:
#footer-top {margin: 0px;padding: 35px 0 0;border-top: 1px solid #e9e9e9;background:#ebeff4;}

Найдите код:
#footer {margin: 0 0;padding: 0 0 40px;border-top: 1px solid #e9e9e9;}

Замените на:
#footer {margin: 0 0;padding: 0 0 40px;border-top: 1px solid #e9e9e9;background: #ebeff4;}

Спасибо!

#6 Ast

Ast

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

  • Пользователи
  • PipPipPipPip
  • 253 сообщений

Отправлено 23 Июнь 2016 - 14:13

Не могли бы посмотреть строчка 701 шаблона показывает ошибку End tag (div) seen too early. Expected other end tag. Вроде бы все тэги закрыты.
Спасибо

#7 Firefly

Firefly

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

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

Отправлено 23 Июнь 2016 - 14:40

Просмотр сообщенияAst (23 Июнь 2016 - 14:13) писал:

Не могли бы посмотреть строчка 701 шаблона показывает ошибку End tag (div) seen too early. Expected other end tag. Вроде бы все тэги закрыты.
Спасибо

Здравствуйте.
Произвел оптимизацию блока кода. Теперь предупреждений появляться не должно.

#8 Ast

Ast

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

  • Пользователи
  • PipPipPipPip
  • 253 сообщений

Отправлено 23 Июнь 2016 - 14:46

Просмотр сообщенияFirefly (23 Июнь 2016 - 14:40) писал:

Здравствуйте.
Произвел оптимизацию блока кода. Теперь предупреждений появляться не должно.
Спасибо, предупреждение исчезло. Но почему-то в футере в меню стали двоится иконки. А в контактах текст "электронная почта" и "телефон" незначительно, но отличается от остального текста. Можно это еще поправить? В остальном всё отлично. Спасибо огромное!

#9 Firefly

Firefly

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

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

Отправлено 23 Июнь 2016 - 14:58

Просмотр сообщенияAst (23 Июнь 2016 - 14:46) писал:

Спасибо, предупреждение исчезло. Но почему-то в футере в меню стали двоится иконки. А контактах текст "электронная почта" и "телефон" незначительно, но отличается от остального текста. Можно это еще поправить? В остальном всё отлично. Спасибо огромное!

Для данных строк нужно будет добавить в main.css строку:
#footer-top .block .block-content label {color: #242c30;}

#10 Ast

Ast

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

  • Пользователи
  • PipPipPipPip
  • 253 сообщений

Отправлено 23 Июнь 2016 - 15:06

Просмотр сообщенияFirefly (23 Июнь 2016 - 14:58) писал:

Для данных строк нужно будет добавить в main.css строку:
#footer-top .block .block-content label {color: #242c30;}
добавил, теперь текст одинаковый. а что делать с раздвоенными иконками в меню подвала?

#11 Firefly

Firefly

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

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

Отправлено 23 Июнь 2016 - 15:23

Просмотр сообщенияAst (23 Июнь 2016 - 15:06) писал:

добавил, теперь текст одинаковый. а что делать с раздвоенными иконками в меню подвала?

Внес Вам поправки в код. Проверьте, пожалуйста.

#12 Ast

Ast

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

  • Пользователи
  • PipPipPipPip
  • 253 сообщений

Отправлено 23 Июнь 2016 - 15:24

Просмотр сообщенияFirefly (23 Июнь 2016 - 15:23) писал:

Внес Вам поправки в код. Проверьте, пожалуйста.
Спасибо большое, всё хорошо.

#13 Ast

Ast

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

  • Пользователи
  • PipPipPipPip
  • 253 сообщений

Отправлено 25 Июнь 2016 - 09:17

Скажите пожалуйста, можно сделать то же самое в шаблоне "движение"? У меня есть еще аккаунт SL-381850 , хотел бы переверстать подвал также и там. Стили сохранить как есть, только переверстать колонки, как это сделали в этом аккаунте.

#14 Ast

Ast

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

  • Пользователи
  • PipPipPipPip
  • 253 сообщений

Отправлено 29 Июнь 2016 - 13:05

Просмотр сообщенияAst (25 Июнь 2016 - 09:17) писал:

Скажите пожалуйста, можно сделать то же самое в шаблоне "движение"? У меня есть еще аккаунт SL-381850 , хотел бы переверстать подвал также и там. Стили сохранить как есть, только переверстать колонки, как это сделали в этом аккаунте.

Вопрос остается актуальным. Или лучше продублировать эту тему в шаблоне "движение"?

#15 Vaccina

Vaccina

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

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

Отправлено 30 Июнь 2016 - 04:04

В шаблоне HTML найдите:
<div class="footer_bg_color">
	  <div id="footer">
		<div class="container">
		  <div class="four columns">
			<h3>Информация</h3>
			<a class="open-close" href="#"></a>
			<div class="wrapper">
			  <ul class="footer_menu">
				{% FOR menu %}
				  {% FOR footer %}
					{% FOR links %}<li><a href="{menu.footer.links.URL}" {% IF menu.footer.links.SELECTED %}class="active"{%ENDIF%} {% IF menu.footer.links.TITLE %}title="{menu.footer.links.TITLE}"{% ENDIF %}>{menu.footer.links.NAME}</a></li>{% ENDFOR %}
				  {% ENDFOR %}
				{% ENDFOR %}
			  </ul>
			</div>
		  </div>
		  <div class="four columns">
			<h3>Варианты оплаты</h3>
			<a class="open-close" href="#"></a>
			<div class="wrapper">
			  <div id="payment_services">
				<span class="icon_1" title="Мы принимаем к оплате квитанции сбербанка">&nbsp;</span>
				<span class="icon_2" title="Мы принимаем к оплате кредитные карты VISA">&nbsp;</span>
				<span class="icon_3" title="Мы принимаем к оплате кредитные карты MasterCard">&nbsp;</span>
				<span class="icon_4" title="Мы принимаем оплату через кредитные карты Maestro" >&nbsp;</span>
				<span class="icon_5" title="Мы принимаем к оплате Яндекс.Деньги">&nbsp;</span>
				<span class="icon_6" title="Мы принимаем к оплате Webmoney">&nbsp;</span>
				<span class="icon_7" title="Мы принимаем оплату через систему РБК money">&nbsp;</span>
				<span class="icon_8" title="Мы принимаем оплату через SMS">&nbsp;</span>
				<span class="icon_9" title="Мы принимаем оплату через терминалы оплаты Qiwi">&nbsp;</span>
				<span class="icon_10" title="Мы принимаем оплату через Робокассу">&nbsp;</span>
			  </div>
			</div>
		  </div>
 
		  <div class="four columns">
			<h3>Контакты</h3>
			<a class="open-close" href="#"></a>
			<div class="wrapper">
			  {% IF SETTINGS_STORE_WORK_TIME %}<span class="footer_time"  title="Время работы нашего магазина: {SETTINGS_STORE_WORK_TIME}">{SETTINGS_STORE_WORK_TIME}</span>{% ENDIF %}
			  {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<span class="footer_phone">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %}{SETTINGS_STORE_PHONE_NUMBER1}</span>{% ENDIF %}
			  {% IF SETTINGS_STORE_PHONE_NUMBER2 %}<span class="footer_phone">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}{% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %}{SETTINGS_STORE_PHONE_NUMBER2}</span>{% ENDIF %}
			  {% IF SETTINGS_STORE_PHONE_NUMBER3 %}<span class="footer_phone">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}{% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %}{SETTINGS_STORE_PHONE_NUMBER3}</span>{% ENDIF %}
			  {% IF SETTINGS_STORE_SKYPE %}<span class="footer_skype"><a href="skype:{SETTINGS_STORE_SKYPE}?call" title="Свяжитесь с нами по Skype">{SETTINGS_STORE_SKYPE}</a></span>{% ENDIF %}
			  {% IF SETTINGS_STORE_ICQ %}<span class="footer_icq">{SETTINGS_STORE_ICQ}</span>{% ENDIF %}  
			</div>
		  </div>
		  <div class="four columns">
			<h3>Обратная связь</h3>
			<a class="open-close" href="#"></a>
			<div class="wrapper">
			  <div class="submit_message"></div>
			  {% IF FORM_SEND_OK %}<div class="success">Ваше сообщение успешно отправлено администрации магазина</div>{% ENDIF %}	
		 
			  <form method="post" action="javascript:void(null);" id="feedbackForm" enctype="multipart/form-data">
				{% IFNOT FORM_SEND_OK %}
				  <input type="hidden" name="hash" value="{HASH}" />
				  <!-- Набор полей которые не видит пользователь, но видят боты. Когда они их заполняют мы точно знаем, что их прислал нам бот и мы не сохраняем подобный отзыв о товаре, а боту отправившему отзыв сообщаем, что отзыв добавлен успешно, но будет отображён здесь после прохождения модерации -->
				  {ANTISPAM_CODE}
				  <div class="left">
					<p><label for="feedback_name" class="required">Представьтесь, пожалуйста<em>*</em></label></p>
					<span class="forname logoinput">&nbsp;</span>
					<input id="feedback_name" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_NAME}]"  value="{FORM_FEEDBACK_NAME}" maxlength="50" class="required"/>
					<p><label for="feedback_email" class="required">Электронная почта<em>*</em></label></p>
					<span class="foremail logoinput">&nbsp;</span>
					<input id="feedback_email" type="email"  name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_EMAIL}]"  value="{FORM_FEEDBACK_EMAIL}" maxlength="255" class="required email input-text"/>
					<!--<p><label for="feedback_file" class="required">Прикрепить файл</label></p>
					<input id="feedback_file" type="file" name="form[assets_file]" value="" />-->
					<p><label for="feedback_message" class="required">Текст сообщения<em>*</em></label></p>
					<textarea id="feedback_message" rows="11" cols="40" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_MESSAGE}]" class="required">{FORM_FEEDBACK_MESSAGE}</textarea>
				  </div>
				  <div class="clear"></div>
				{% ENDIF %}
				<div class="buttons">
				  <div class="left">
					<p class="back-link">{% IFNOT FORM_SEND_OK %}<button type="submit" title="Отправить" class="buy_button">Отправить</button>{% ENDIF %}</p>
				 
				  </div>
				  <div class="clear"></div>
				</div>
			  </form>
			</div>
		  </div>
		  <div class="clear"></div>
		</div>
	  </div>
 
	  <div id="copyright">
		<div class="container">&copy; {DATE_YEAR} &laquo;{SETTINGS_STORE_NAME}&raquo;</div> 
		<div class="container">{SETTINGS_STORE_ORG_NAME}</div>
		<div class="container">Все права защищены</div>
		<div class="container">{COPYRIGHT_FOR_DESIGN_MOVEMENT} {SETTINGS_STORE_REGION}</div>
		<div class="container">{SETTINGS_STORE_HTML_CODE}</div> 
	  </div>
 
	  <div id="back-top" style="" title="Наверх">
		<img src="{ASSETS_IMAGES_PATH}scroll.png?design=movement">
	  </div>
 
	  <div class="clear"></div>
	</div>

замените на:
<div class="footer_bg_color">
	  <div id="footer">
		<div class="container">
		   <div class="four columns">
		 <div class="block-title"><img src="{ASSETS_IMAGES_PATH}logo.png" alt="{SETTINGS_STORE_NAME}" /></div>
						 <div class="block-content">
		 <p>{SETTINGS_STORE_ORG_NAME}</p>
						 <p>&copy; {DATE_YEAR} &laquo;{SETTINGS_STORE_NAME}&raquo;</p>
						 <p>{COPYRIGHT_FOR_DESIGN_SPRING}</p>
						 {% IF SETTINGS_STORE_REGION || SETTINGS_STORE_WORK_TIME %}<p class="c-address">{% IF SETTINGS_STORE_REGION %}<span class="c-region">{SETTINGS_STORE_REGION}</span><br/>{% ENDIF %} {% IF SETTINGS_STORE_WORK_TIME %}<span class="c-worktime">Время работы : {SETTINGS_STORE_WORK_TIME}</span>{% ENDIF %}</p>{% ENDIF %}
						 {% IF SETTINGS_STORE_EMAIL_MAIN %}<p class="c-email clear"><label>Email:</label><br/> <a href="mailto:{SETTINGS_STORE_EMAIL_MAIN}">{SETTINGS_STORE_EMAIL_MAIN}</a></p>{% ENDIF %}
						 {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<p class="c-phone"><label>Телефон:</label> <a class="ya-phone" href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</a></p>{% ENDIF %}
						 {% IF SETTINGS_STORE_PHONE_NUMBER2 %}<p class="c-phone"><label>Телефон:</label> <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2}{SETTINGS_STORE_PHONE_CITY_CODE2}{SETTINGS_STORE_PHONE_NUMBER2}">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}({SETTINGS_STORE_PHONE_CITY_CODE2}){SETTINGS_STORE_PHONE_NUMBER2}</a></p>{% ENDIF %}
						 {% IF SETTINGS_STORE_PHONE_NUMBER3 %}<p class="c-phone"><label>Телефон:</label> <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE3}{SETTINGS_STORE_PHONE_CITY_CODE3}{SETTINGS_STORE_PHONE_NUMBER3}">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}({SETTINGS_STORE_PHONE_CITY_CODE3}){SETTINGS_STORE_PHONE_NUMBER3}</a></p>{% ENDIF %}
						 {% IF SETTINGS_STORE_SKYPE %}<p class="c-skype"><label>Skype:</label> <a href="skype:{SETTINGS_STORE_SKYPE}?call">{SETTINGS_STORE_SKYPE}</a></p>{% ENDIF %}
<p>Принимаем к оплате:</p>
<div id="payment_services">
				<span class="icon_1" title="Мы принимаем к оплате квитанции сбербанка">&nbsp;</span>
				<span class="icon_2" title="Мы принимаем к оплате кредитные карты VISA">&nbsp;</span>
				<span class="icon_3" title="Мы принимаем к оплате кредитные карты MasterCard">&nbsp;</span>
				<span class="icon_4" title="Мы принимаем оплату через кредитные карты Maestro" >&nbsp;</span>
				<span class="icon_5" title="Мы принимаем к оплате Яндекс.Деньги">&nbsp;</span>
				<span class="icon_6" title="Мы принимаем к оплате Webmoney">&nbsp;</span>
				<span class="icon_7" title="Мы принимаем оплату через систему РБК money">&nbsp;</span>
				<span class="icon_8" title="Мы принимаем оплату через SMS">&nbsp;</span>
				<span class="icon_9" title="Мы принимаем оплату через терминалы оплаты Qiwi">&nbsp;</span>
				<span class="icon_10" title="Мы принимаем оплату через Робокассу">&nbsp;</span>
			  </div>
<p class="slogan">Работаем по ГОСТу</p>
</div>
				 </div>
				 <div class="four columns">
						 <h3>Меню1</h3>
	   <a class="open-close" href="#"></a>
			<div class="wrapper">
						 <ul class="footer_menu">
								 {% FOR menu %}
								 {% FOR footer %}
										 {% FOR links %}<li><a href="{menu.footer.links.URL}" {% IF menu.footer.links.SELECTED %}class="active"{%ENDIF%} {% IF menu.footer.links.TITLE %}title="{menu.footer.links.TITLE}"{% ENDIF %}>{menu.footer.links.NAME}</a></li>{% ENDFOR %}
								 {% ENDFOR %}
								 {% ENDFOR %}
						 </ul>
						 </div>
				 </div>
				 <div class="four columns">
		 <h3>Меню2</h3>
		 <a class="open-close" href="#"></a>
			<div class="wrapper">
						 <ul class="footer_menu">
								 {% FOR menu %}
								 {% FOR footer2 %}
										 {% FOR links %}<li><a href="{menu.footer2.links.URL}" {% IF menu.footer2.links.SELECTED %}class="active"{%ENDIF%} {% IF menu.footer2.links.TITLE %}title="{menu.footer2.links.TITLE}"{% ENDIF %}>{menu.footer2.links.NAME}</a></li>{% ENDFOR %}
								 {% ENDFOR %}
								 {% ENDFOR %}
						 </ul>
						 </div>
				 </div>
				 <div class="four columns">
						 <h3>Меню3</h3>
						 <a class="open-close" href="#"></a>
			<div class="wrapper">
						 <ul class="footer_menu">
								 {% FOR menu %}
								 {% FOR footer3 %}
										 {% FOR links %}<li><a href="{menu.footer3.links.URL}" {% IF menu.footer3.links.SELECTED %}class="active"{%ENDIF%} {% IF menu.footer3.links.TITLE %}title="{menu.footer3.links.TITLE}"{% ENDIF %}>{menu.footer3.links.NAME}</a></li>{% ENDFOR %}
								 {% ENDFOR %}
								 {% ENDFOR %}
						 </ul>
						 </div>
				 </div>
		  <div class="clear"></div>
		</div>
	  </div>
 
	  <div class="container">
		<div class="columns" style="width: 45%;">
		 <p>{SETTINGS_STORE_HTML_CODE}</p>
				 </div>
				 <div class="columns" style="width: 45%;">
						 место для кнопок соц сетей
				 </div>
	  </div>
 
	  <div id="back-top" style="" title="Наверх">
		<img src="{ASSETS_IMAGES_PATH}scroll.png?design=movement">
	  </div>
 
	  <div class="clear"></div>
	</div>

#16 Ast

Ast

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

  • Пользователи
  • PipPipPipPip
  • 253 сообщений

Отправлено 30 Июнь 2016 - 10:23

Спасибо, все получилось как задумывал. Только подскажите пожалуйста где установить шрифт SETTINGS_STORE_HTML_CODE и мы в соцсетях белого цвета?

#17 Firefly

Firefly

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

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

Отправлено 30 Июнь 2016 - 10:43

Просмотр сообщенияAst (30 Июнь 2016 - 10:23) писал:

Спасибо, все получилось как задумывал. Только подскажите пожалуйста где установить шрифт SETTINGS_STORE_HTML_CODE и мы в соцсетях белого цвета?

Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
/* Конец формы новой заявки */

Замените на:
/* SETTINGS_STORE_HTML_CODE */
.SSHC {color:#000;}
/* END SETTINGS_STORE_HTML_CODE */

Вместо color:#000; можете указать другой цвет при необходимости, а так же добавить дополнительные стили.

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML, найдите код:
<!--noindex--><p>{SETTINGS_STORE_HTML_CODE}</p><!--/noindex-->

Замените на:
<!--noindex--><p class="SSHC">{SETTINGS_STORE_HTML_CODE}</p><!--/noindex-->

Найдите строку с текстом:
Мы в социальных сетях:

Замените текст на:
<span style="color:#fff;>Мы в социальных сетях:</span>

Измените цвет #fff при необходимости.

#18 Ast

Ast

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

  • Пользователи
  • PipPipPipPip
  • 253 сообщений

Отправлено 30 Июнь 2016 - 15:59

Просмотр сообщенияFirefly (30 Июнь 2016 - 10:43) писал:

Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
/* Конец формы новой заявки */

Замените на:
/* SETTINGS_STORE_HTML_CODE */
.SSHC {color:#000;}
/* END SETTINGS_STORE_HTML_CODE */

Вместо color:#000; можете указать другой цвет при необходимости, а так же добавить дополнительные стили.

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML, найдите код:
<!--noindex--><p>{SETTINGS_STORE_HTML_CODE}</p><!--/noindex-->

Замените на:
<!--noindex--><p class="SSHC">{SETTINGS_STORE_HTML_CODE}</p><!--/noindex-->

Найдите строку с текстом:
Мы в социальных сетях:

Замените текст на:
<span style="color:#fff;>Мы в социальных сетях:</span>

Измените цвет #fff при необходимости.

Спасибо, все получилось.

#19 Ast

Ast

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

  • Пользователи
  • PipPipPipPip
  • 253 сообщений

Отправлено 02 Июль 2016 - 08:33

Просмотр сообщенияFirefly (30 Июнь 2016 - 10:43) писал:

Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
/* Конец формы новой заявки */

Замените на:
/* SETTINGS_STORE_HTML_CODE */
.SSHC {color:#000;}
/* END SETTINGS_STORE_HTML_CODE */

Вместо color:#000; можете указать другой цвет при необходимости, а так же добавить дополнительные стили.

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML, найдите код:
<!--noindex--><p>{SETTINGS_STORE_HTML_CODE}</p><!--/noindex-->

Замените на:
<!--noindex--><p class="SSHC">{SETTINGS_STORE_HTML_CODE}</p><!--/noindex-->

Найдите строку с текстом:
Мы в социальных сетях:

Замените текст на:
<span style="color:#fff;>Мы в социальных сетях:</span>

Измените цвет #fff при необходимости.

Обнаружил, что в мобильной версии аккаунта SL-381850 подвал показывается не так как в десктопной. А именно текст в блоке SETTINGS_STORE_HTML_CODE черного цвета вместо белого, и блок SETTINGS_STORE_HTML_CODE расположен по горизонтали с блоком иконок соцсетей. а должны быть выстроены по вертикали. И в под ними выпадающее меню Каталог необходимо убрать, тк дублирует уже существующее в подвале меню каталога (скрин прилагаю), Помогите пожалуйста поправить. Спасибо.

Прикрепленные изображения

  • podval2.jpg

#20 MikDark

MikDark

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

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

Отправлено 02 Июль 2016 - 18:35

Просмотр сообщенияAst (02 Июль 2016 - 08:33) писал:

Обнаружил, что в мобильной версии аккаунта SL-381850 подвал показывается не так как в десктопной. А именно текст в блоке SETTINGS_STORE_HTML_CODE черного цвета вместо белого, и блок SETTINGS_STORE_HTML_CODE расположен по горизонтали с блоком иконок соцсетей. а должны быть выстроены по вертикали. И в под ними выпадающее меню Каталог необходимо убрать, тк дублирует уже существующее в подвале меню каталога (скрин прилагаю), Помогите пожалуйста поправить. Спасибо.

У нас сейчас фон футера показывается серого цвет и без смещений
Обратно в Другое


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

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

  1. Форум владельцев интернет-магазинов
  2. → Вопросы работы сервиса StoreLand
  3. → Дизайн
  4. → Шаблон Лазурь
  5. → Другое
  6. Privacy Policy