1
Нижнее Меню Из Темы Новогодняя
Автор Дмитрий Шумский, 25 февр. 2017 21:20
Сообщений в теме: 7
#1
Отправлено 25 Февраль 2017 - 21:20
Здравствуйте!
Аккаунт SL-357668
Очень понравился новый шаблон Новогодний.
Подскажите пожалуйста, как заменить нижнюю часть сайта ?
А именно вместо вот этого
Поставить вот это из темы Новогодняя, только без летающих цветов
Спасибо!
Аккаунт SL-357668
Очень понравился новый шаблон Новогодний.
Подскажите пожалуйста, как заменить нижнюю часть сайта ?
А именно вместо вот этого
Поставить вот это из темы Новогодняя, только без летающих цветов
Спасибо!
#2
Отправлено 01 Март 2017 - 20:36
Добрый вечер.Прежде чем вносить изменения сделайте бэкап шаблона. После зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
замените его на :
в main.css в конце добавьте:
div class="footer-bottom"> <div class="container"> <div class="row"> <div class="copyright col-sm-4 col-xs-12"> {SETTINGS_STORE_NAME} © {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="Мы принимаем к оплате квитанции сбербанка"> </span> <span class="icon_2" title="Мы принимаем к оплате кредитные карты VISA"> </span> <span class="icon_3" title="Мы принимаем к оплате кредитные карты MasterCard"> </span> <span class="icon_4" title="Мы принимаем оплату через кредитные карты Maestro" > </span> <span class="icon_5" title="Мы принимаем к оплате Яндекс.Деньги"> </span> <span class="icon_6" title="Мы принимаем к оплате Webmoney"> </span> <span class="icon_7" title="Мы принимаем оплату через систему РБК money"> </span> <span class="icon_8" title="Мы принимаем оплату через SMS"> </span> <span class="icon_9" title="Мы принимаем оплату через терминалы оплаты Qiwi"> </span> <span class="icon_10" title="Мы принимаем оплату через Робокассу"> </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} © {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="Мы принимаем к оплате квитанции сбербанка"> </span> <span class="icon_2" title="Мы принимаем к оплате кредитные карты VISA"> </span> <span class="icon_3" title="Мы принимаем к оплате кредитные карты MasterCard"> </span> <span class="icon_4" title="Мы принимаем оплату через кредитные карты Maestro" > </span> <span class="icon_5" title="Мы принимаем к оплате Яндекс.Деньги"> </span> <span class="icon_6" title="Мы принимаем к оплате Webmoney"> </span> <span class="icon_7" title="Мы принимаем оплату через систему РБК money"> </span> <span class="icon_8" title="Мы принимаем оплату через SMS"> </span> <span class="icon_9" title="Мы принимаем оплату через терминалы оплаты Qiwi"> </span> <span class="icon_10" title="Мы принимаем оплату через Робокассу"> </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
Отправлено 02 Март 2017 - 18:07
metry (01 Март 2017 - 20:36) писал:
Добрый вечер.Прежде чем вносить изменения сделайте бэкап шаблона. После зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
замените его на :
в main.css в конце добавьте:
div class="footer-bottom"> <div class="container"> <div class="row"> <div class="copyright col-sm-4 col-xs-12"> {SETTINGS_STORE_NAME} © {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="Мы принимаем к оплате квитанции сбербанка"> </span> <span class="icon_2" title="Мы принимаем к оплате кредитные карты VISA"> </span> <span class="icon_3" title="Мы принимаем к оплате кредитные карты MasterCard"> </span> <span class="icon_4" title="Мы принимаем оплату через кредитные карты Maestro" > </span> <span class="icon_5" title="Мы принимаем к оплате Яндекс.Деньги"> </span> <span class="icon_6" title="Мы принимаем к оплате Webmoney"> </span> <span class="icon_7" title="Мы принимаем оплату через систему РБК money"> </span> <span class="icon_8" title="Мы принимаем оплату через SMS"> </span> <span class="icon_9" title="Мы принимаем оплату через терминалы оплаты Qiwi"> </span> <span class="icon_10" title="Мы принимаем оплату через Робокассу"> </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} © {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="Мы принимаем к оплате квитанции сбербанка"> </span> <span class="icon_2" title="Мы принимаем к оплате кредитные карты VISA"> </span> <span class="icon_3" title="Мы принимаем к оплате кредитные карты MasterCard"> </span> <span class="icon_4" title="Мы принимаем оплату через кредитные карты Maestro" > </span> <span class="icon_5" title="Мы принимаем к оплате Яндекс.Деньги"> </span> <span class="icon_6" title="Мы принимаем к оплате Webmoney"> </span> <span class="icon_7" title="Мы принимаем оплату через систему РБК money"> </span> <span class="icon_8" title="Мы принимаем оплату через SMS"> </span> <span class="icon_9" title="Мы принимаем оплату через терминалы оплаты Qiwi"> </span> <span class="icon_10" title="Мы принимаем оплату через Робокассу"> </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;}
Отлично получилось, спасибо!
Подскажите пожалуйста ещё!
Как такой же шрифт установить?
Спасибо!
#6
Отправлено 06 Март 2017 - 10:20
Добрый день. Для изменения шрифта в подвале зайдите в main.css и в конце кода вставьте:
для изменения на другой шрифт, укажите другое значение в font-family.
#footer h3.title {padding: 0 0 10px;text-align: left;font-family: 'Oranienbaum', serif;}
для изменения на другой шрифт, укажите другое значение в font-family.
#7
Отправлено 09 Март 2017 - 17:19
metry (06 Март 2017 - 10:20) писал:
Добрый день. Для изменения шрифта в подвале зайдите в main.css и в конце кода вставьте:
для изменения на другой шрифт, укажите другое значение в font-family.
#footer h3.title {padding: 0 0 10px;text-align: left;font-family: 'Oranienbaum', serif;}
для изменения на другой шрифт, укажите другое значение в font-family.
Хороший шрифт. А как везде такой поставить?
#8
Отправлено 09 Март 2017 - 19:39
Добрый вечер. Для изменения шрифта в подвале зайдите в Редактор шаблонов-->HTML
и найдите строку:
Далее зайдите в main.css и в конце добавьте:
и найдите строку:
<!-- Подключаемые шрифты -->после нее вставьте:
<link href="https://fonts.googleapis.com/css?family=Oranienbaum&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 анонимных