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


Нижнее Меню Из Темы Новогодняя

Автор Дмитрий Шумский, 25 февр. 2017 21:20

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

#1 Дмитрий Шумский

Дмитрий Шумский

    Продвинутый пользователь

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

Отправлено 25 Февраль 2017 - 21:20

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

Аккаунт SL-357668

Очень понравился новый шаблон Новогодний.

Подскажите пожалуйста, как заменить нижнюю часть сайта ?

А именно вместо вот этого

3.jpg

Поставить вот это из темы Новогодняя, только без летающих цветов

2.jpg

Спасибо!

#2 metry

metry

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

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

Отправлено 01 Март 2017 - 20:36

Добрый вечер.Прежде чем вносить изменения сделайте бэкап шаблона. После зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:

div class="footer-bottom">
		<div class="container">
		  <div class="row">
			<div class="copyright col-sm-4 col-xs-12">
			  {SETTINGS_STORE_NAME} &copy; {DATE_YEAR}. Все права защищены.
			  <br>{SETTINGS_STORE_ORG_NAME}.
			  <br>{COPYRIGHT_FOR_DESIGN_SUMMER}
			  <p>{SETTINGS_STORE_HTML_CODE}</p>
			</div>
			<div id="payment_services" class="col-sm-4 col-xs-12">
<a href="http://clck.yandex.ru/redir/dtype=stred/pid=47/cid=2508/*https://market.yandex.ru/shop/339430/reviews"><img src="http://clck.yandex.ru/redir/dtype=stred/pid=47/cid=2505/*http://grade.market.yandex.ru/?id=339430&action=image&size=0" border="0" width="88" height="31" alt="Читайте отзывы покупателей и оценивайте качество магазина на Яндекс.Маркете" /></a>
<a href="http://clck.yandex.ru/redir/dtype=stred/pid=47/cid=1248/*https://market.yandex.ru/shop/339430/reviews/add"><img src="http://clck.yandex.ru/redir/dtype=stred/pid=47/cid=1248/*http://img.yandex.ru/market/informer12.png" border="0" alt="Оцените качество магазина на Яндекс.Маркете." /></a>
			</div>
			<div id="payment_services" class="col-sm-4 col-xs-12">
			  <a href="#" title="Перейти на страницу описания оплаты">
				<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>
			  </a>
			</div>
		  </div>
		</div>
	  </div>


замените его на :

{% IF index_page %}
	  <div class="footer-bottom">
		<div class="container">
		  <div class="row">
			<div class="copyright col-sm-4 col-xs-12">
			  {SETTINGS_STORE_NAME} &copy; {DATE_YEAR}. Все права защищены.
			  <br>{SETTINGS_STORE_ORG_NAME}.
			  <br>{COPYRIGHT_FOR_DESIGN_SUMMER}
			  <p>{SETTINGS_STORE_HTML_CODE}</p>
			</div>
			<div id="payment_services" class="col-sm-4 col-xs-12">
<a href="http://clck.yandex.ru/redir/dtype=stred/pid=47/cid=2508/*https://market.yandex.ru/shop/339430/reviews"><img src="http://clck.yandex.ru/redir/dtype=stred/pid=47/cid=2505/*http://grade.market.yandex.ru/?id=339430&action=image&size=0" border="0" width="88" height="31" alt="Читайте отзывы покупателей и оценивайте качество магазина на Яндекс.Маркете" /></a>
<a href="http://clck.yandex.ru/redir/dtype=stred/pid=47/cid=1248/*https://market.yandex.ru/shop/339430/reviews/add"><img src="http://clck.yandex.ru/redir/dtype=stred/pid=47/cid=1248/*http://img.yandex.ru/market/informer12.png" border="0" alt="Оцените качество магазина на Яндекс.Маркете." /></a>
			</div>
			<div id="payment_services" class="col-sm-4 col-xs-12">
			  <a href="#" title="Перейти на страницу описания оплаты">
				<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>
			  </a>
			</div>
		  </div>
		</div>
	  </div>
	  {% ELSE %}
  <div class="footer-bottom_1 main-block">
		<div class="container">
		  <h2 class="title">Закажите обратный звонок</h2>
	  <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 button3 big">Заказать обратный звонок</button>
	  </form>
		</div>
	  </div>
	  {% ENDIF %}



в main.css в конце добавьте: 

/*** Подвал для других страниц ***/
.footer-bottom_1 {background-color: #efefec;}
.footer-bottom_1 .callbackForm .callback-input {display: inline-block;margin: 0 10px 10px 0;}
.footer-bottom_1 .callbackForm .callback-input .inputText {height: 50px;line-height: 50px;}
.footer-bottom_1 .callbackForm .button {vertical-align: top;}
.footer-bottom_1 .name-error, #orders .phone-error {position: absolute;}
.footer-bottom_1 h2.title {font-size: 30px;	font-weight: 300;	margin-bottom: 30px;text-align:center!important;}

#3 Дмитрий Шумский

Дмитрий Шумский

    Продвинутый пользователь

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

Отправлено 02 Март 2017 - 18:07

Просмотр сообщенияmetry (01 Март 2017 - 20:36) писал:

Добрый вечер.Прежде чем вносить изменения сделайте бэкап шаблона. После зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:

div class="footer-bottom">
<div class="container">
<div class="row">
<div class="copyright col-sm-4 col-xs-12">
{SETTINGS_STORE_NAME} &copy; {DATE_YEAR}. Все права защищены.
<br>{SETTINGS_STORE_ORG_NAME}.
<br>{COPYRIGHT_FOR_DESIGN_SUMMER}
<p>{SETTINGS_STORE_HTML_CODE}</p>
</div>
<div id="payment_services" class="col-sm-4 col-xs-12">
<a href="http://clck.yandex.ru/redir/dtype=stred/pid=47/cid=2508/*https://market.yandex.ru/shop/339430/reviews"><img src="http://clck.yandex.ru/redir/dtype=stred/pid=47/cid=2505/*http://grade.market.yandex.ru/?id=339430&action=image&size=0" border="0" width="88" height="31" alt="Читайте отзывы покупателей и оценивайте качество магазина на Яндекс.Маркете" /></a>
<a href="http://clck.yandex.ru/redir/dtype=stred/pid=47/cid=1248/*https://market.yandex.ru/shop/339430/reviews/add"><img src="http://clck.yandex.ru/redir/dtype=stred/pid=47/cid=1248/*http://img.yandex.ru/market/informer12.png" border="0" alt="Оцените качество магазина на Яндекс.Маркете." /></a>
</div>
<div id="payment_services" class="col-sm-4 col-xs-12">
<a href="#" title="Перейти на страницу описания оплаты">
<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>
</a>
</div>
</div>
</div>
</div>


замените его на :

{% IF index_page %}
<div class="footer-bottom">
<div class="container">
<div class="row">
<div class="copyright col-sm-4 col-xs-12">
{SETTINGS_STORE_NAME} &copy; {DATE_YEAR}. Все права защищены.
<br>{SETTINGS_STORE_ORG_NAME}.
<br>{COPYRIGHT_FOR_DESIGN_SUMMER}
<p>{SETTINGS_STORE_HTML_CODE}</p>
</div>
<div id="payment_services" class="col-sm-4 col-xs-12">
<a href="http://clck.yandex.ru/redir/dtype=stred/pid=47/cid=2508/*https://market.yandex.ru/shop/339430/reviews"><img src="http://clck.yandex.ru/redir/dtype=stred/pid=47/cid=2505/*http://grade.market.yandex.ru/?id=339430&action=image&size=0" border="0" width="88" height="31" alt="Читайте отзывы покупателей и оценивайте качество магазина на Яндекс.Маркете" /></a>
<a href="http://clck.yandex.ru/redir/dtype=stred/pid=47/cid=1248/*https://market.yandex.ru/shop/339430/reviews/add"><img src="http://clck.yandex.ru/redir/dtype=stred/pid=47/cid=1248/*http://img.yandex.ru/market/informer12.png" border="0" alt="Оцените качество магазина на Яндекс.Маркете." /></a>
</div>
<div id="payment_services" class="col-sm-4 col-xs-12">
<a href="#" title="Перейти на страницу описания оплаты">
<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>
</a>
</div>
</div>
</div>
</div>
{% ELSE %}
<div class="footer-bottom_1 main-block">
<div class="container">
<h2 class="title">Закажите обратный звонок</h2>
<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 button3 big">Заказать обратный звонок</button>
</form>
</div>
</div>
{% ENDIF %}



в main.css в конце добавьте:

/*** Подвал для других страниц ***/
.footer-bottom_1 {background-color: #efefec;}
.footer-bottom_1 .callbackForm .callback-input {display: inline-block;margin: 0 10px 10px 0;}
.footer-bottom_1 .callbackForm .callback-input .inputText {height: 50px;line-height: 50px;}
.footer-bottom_1 .callbackForm .button {vertical-align: top;}
.footer-bottom_1 .name-error, #orders .phone-error {position: absolute;}
.footer-bottom_1 h2.title {font-size: 30px; font-weight: 300; margin-bottom: 30px;text-align:center!important;}


Отлично получилось, спасибо!

Подскажите пожалуйста ещё!

Как такой же шрифт установить?

Спасибо!

#4 metry

metry

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

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

Отправлено 02 Март 2017 - 20:47

Просмотр сообщенияДмитрий Шумский (02 Март 2017 - 18:07) писал:

Отлично получилось, спасибо!

Подскажите пожалуйста ещё!

Как такой же шрифт установить?

Спасибо!

Добрый вечер. Уточните, пожалуйста, какой шрифт Вы имеете  в виду?

#5 Дмитрий Шумский

Дмитрий Шумский

    Продвинутый пользователь

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

Отправлено 03 Март 2017 - 11:30

Просмотр сообщенияmetry (02 Март 2017 - 20:47) писал:

Добрый вечер. Уточните, пожалуйста, какой шрифт Вы имеете  в виду?

Ну вот в Новогоднем шаблоне шрифт. Лора он что ли называется. Не пойму, как его установить на свой сайт.

1.jpg

#6 metry

metry

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

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

Отправлено 06 Март 2017 - 10:20

Добрый день. Для изменения шрифта в подвале зайдите в main.css  и в конце кода вставьте:
#footer h3.title {padding: 0 0 10px;text-align: left;font-family: 'Oranienbaum', serif;}

для изменения на другой шрифт, укажите другое значение в font-family.

#7 Дмитрий Шумский

Дмитрий Шумский

    Продвинутый пользователь

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

Отправлено 09 Март 2017 - 17:19

Просмотр сообщенияmetry (06 Март 2017 - 10:20) писал:

Добрый день. Для изменения шрифта в подвале зайдите в main.css  и в конце кода вставьте:
#footer h3.title {padding: 0 0 10px;text-align: left;font-family: 'Oranienbaum', serif;}

для изменения на другой шрифт, укажите другое значение в font-family.

Хороший шрифт. А как везде такой поставить?

#8 metry

metry

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

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

Отправлено 09 Март 2017 - 19:39

Добрый вечер. Для изменения шрифта в подвале зайдите в  Редактор шаблонов-->HTML
и найдите строку:
 <!-- Подключаемые шрифты -->
после нее вставьте:
<link href="https://fonts.googleapis.com/css?family=Oranienbaum&amp;subset=cyrillic" rel="stylesheet">

Далее зайдите в main.css и в конце добавьте:
#footer h3.title {padding: 0 0 10px;text-align: left;font-family: 'Oranienbaum', serif;}
#footer h2.title {padding: 0 0 10px;text-align: left;font-family: 'Oranienbaum', serif;}

Обратно в Изменение общей стилистики


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

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

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