McCornic (30 Октябрь 2016 - 10:51) писал:
доброго дня. Необходимы еще кое-какие изменения:
1. зафиксировать прозрачную полоску с меню при достижении верхнего края (скриншот прилагаю)
2. в подвале блок "контакты" сделать по центру
3. Убрать в подвале картинки способов оплаты, а название сдвинуть по центру (скриншот прилагаю)
заранее благодарен
1. зафиксировать прозрачную полоску с меню при достижении верхнего края (скриншот прилагаю)
2. в подвале блок "контакты" сделать по центру
3. Убрать в подвале картинки способов оплаты, а название сдвинуть по центру (скриншот прилагаю)
заранее благодарен
Здравствуйте,
1) - В конце файла main.js добавьте
jQuery(window).scroll(function() { var the_top = jQuery(document).scrollTop(); if (the_top > 75) { jQuery('.header-middle').addClass('fixed'); } else { jQuery('.header-middle').removeClass('fixed'); } });
В конец файла main.css добавьте:
.fixed { background-color: rgba(180, 196, 200, 0.65) !important; position: fixed; margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; margin-top: -75px; width: 100%; } @media all and (max-width: 641px) { .fixed { margin-top: -125px; } }
2,3) - В файле HTML найдите:
<!-- Подвал --> <div id="footer"> <div class="footer-top"> <div class="container"> <div class="row"> <div class="col-md-3 col-sm-6 col-sms-6 col-smb-12 {% IF index_page %}animated{% ENDIF %}" data-animation="fadeInUp" data-delay="0"> <h3 class="title">Меню</h3> <ul class="links"> {% 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 class="col-md-3 col-sm-6 col-sms-6 col-smb-12 {% IF index_page %}animated{% ENDIF %}" data-animation="fadeInUp" data-delay="300" style="visibility: hidden;"> <h3 class="title">Личный кабинет</h3> <ul class="links"> {% 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 class="col-md-3 col-sm-6 col-sms-6 col-smb-12 {% IF index_page %}animated{% ENDIF %}" data-animation="fadeInUp" data-delay="600"> <h3 class="title">Контакты</h3> <div class="block-contact"> {% IF SETTINGS_STORE_REGION %}<div><i class="fa fa-map-marker"> </i>{SETTINGS_STORE_REGION}</div>{% ENDIF %} {% IF SETTINGS_STORE_WORK_TIME %}<div><i class="fa fa-clock-o"> </i>{SETTINGS_STORE_WORK_TIME}</div>{% ENDIF %} {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<div><i class="fa fa-phone"> </i><a 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></div>{% ENDIF %} {% IF SETTINGS_STORE_PHONE_NUMBER2 %}<div><i class="fa fa-phone"> </i><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></div>{% ENDIF %} {% IF SETTINGS_STORE_PHONE_NUMBER3 %}<div><i class="fa fa-fax"> </i><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></div>{% ENDIF %} {% IF SETTINGS_STORE_EMAIL_MAIN %}<div><i class="fa fa-envelope"> </i><a href="mailto:{SETTINGS_STORE_EMAIL_MAIN}">{SETTINGS_STORE_EMAIL_MAIN}</a></div>{% ENDIF %} {% IF SETTINGS_STORE_SKYPE %}<div><i class="fa fa-skype"> </i><a href="skype:{SETTINGS_STORE_SKYPE}?call">{SETTINGS_STORE_SKYPE}</a></div>{% ENDIF %} </div> </div> <div class="col-md-3 col-sm-6 col-sms-6 col-smb-12 {% IF index_page %}animated{% ENDIF %}" data-animation="fadeInUp" data-delay="900"> <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 style="display:none;" class="instagram" href="https://instagram.com/" title="Instagram.com" target="_blank"><i class="fa fa-instagram"></i><span>instagram</span></a> </div> <div class="logo"> <a href="http://{NET_DOMAIN}/" title="{SETTINGS_STORE_NAME}"> <img src="{ASSETS_IMAGES_PATH}logo.png?design=sunrise" alt="{SETTINGS_STORE_NAME}"> </a> </div> </div> </div> </div> </div> <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-8 col-xs-12">
Замените на:
<!-- Подвал --> <div id="footer"> <div class="footer-top"> <div class="container"> <div class="row"> <div class="col-md-3 col-sm-6 col-sms-6 col-smb-12 {% IF index_page %}animated{% ENDIF %}" data-animation="fadeInUp" data-delay="0" style="width:40%;"> <h3 class="title">Меню</h3> <ul class="links"> {% 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 class="col-md-3 col-sm-6 col-sms-6 col-smb-12 {% IF index_page %}animated{% ENDIF %}" data-animation="fadeInUp" data-delay="300" style="visibility: hidden;display:none;"> <h3 class="title">Личный кабинет</h3> <ul class="links"> {% 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 class="col-md-3 col-sm-6 col-sms-6 col-smb-12 {% IF index_page %}animated{% ENDIF %}" data-animation="fadeInUp" data-delay="600" style="width:33%;"> <h3 class="title">Контакты</h3> <div class="block-contact"> {% IF SETTINGS_STORE_REGION %}<div><i class="fa fa-map-marker"> </i>{SETTINGS_STORE_REGION}</div>{% ENDIF %} {% IF SETTINGS_STORE_WORK_TIME %}<div><i class="fa fa-clock-o"> </i>{SETTINGS_STORE_WORK_TIME}</div>{% ENDIF %} {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<div><i class="fa fa-phone"> </i><a 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></div>{% ENDIF %} {% IF SETTINGS_STORE_PHONE_NUMBER2 %}<div><i class="fa fa-phone"> </i><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></div>{% ENDIF %} {% IF SETTINGS_STORE_PHONE_NUMBER3 %}<div><i class="fa fa-fax"> </i><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></div>{% ENDIF %} {% IF SETTINGS_STORE_EMAIL_MAIN %}<div><i class="fa fa-envelope"> </i><a href="mailto:{SETTINGS_STORE_EMAIL_MAIN}">{SETTINGS_STORE_EMAIL_MAIN}</a></div>{% ENDIF %} {% IF SETTINGS_STORE_SKYPE %}<div><i class="fa fa-skype"> </i><a href="skype:{SETTINGS_STORE_SKYPE}?call">{SETTINGS_STORE_SKYPE}</a></div>{% ENDIF %} </div> </div> <div class="col-md-3 col-sm-6 col-sms-6 col-smb-12 {% IF index_page %}animated{% ENDIF %}" data-animation="fadeInUp" data-delay="900"> <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 style="display:none;" class="instagram" href="https://instagram.com/" title="Instagram.com" target="_blank"><i class="fa fa-instagram"></i><span>instagram</span></a> </div> <div class="logo"> <a href="http://{NET_DOMAIN}/" title="{SETTINGS_STORE_NAME}"> <img src="{ASSETS_IMAGES_PATH}logo.png?design=sunrise" alt="{SETTINGS_STORE_NAME}"> </a> </div> </div> </div> </div> </div> <div class="footer-bottom"> <div class="container"> <div class="row"> <div class="copyright 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-8 col-xs-12" style="display:none;">
В файле main.css найдите:
@media all and (max-width: 481px) { .col-smb-12 {width: 100%;}
Замените на:
@media all and (max-width: 481px) { .col-smb-12 {width: 100% !important;}