Добрый день, подскажите пожалуйста
1) как в в шаблоне движение добавить контактные (телефон, скайп и так далее) под верхнее меню. Получается что много пустоты хочется ее заполнить.
2) Хочется увеличить размер логотипа. Он смотрится очень не симметрично, хотелось бы его расширить, чтобы он начинался от края каталога и доходил до середины меню.
3) Как переместить виджет контакта, под категории левого меню. Пробовал сделать самостоятельно ничего не получилось, залазит на просмотренные товары.
Хотелось бы все это дело выровнять.
Спасибо, надеюсь на скорейшую помощь.
С уважением,
Аккаунт SL-396103
1
Нужна Помощь При Оформлении Главной Страницы.
Автор Александр19850630, 24 марта 2017 15:58
нужна помощь
Сообщений в теме: 3
#1
Отправлено 24 Март 2017 - 15:58
#2
Отправлено 25 Март 2017 - 12:28
Добрый день. Для внесения изменений зайдите Редактор шаблона-->HTML и найдите код:
замените на:
Далее найдите:
и после него :
и в конце кода main.css вставьте:
3. В HTML найдите и удалите в двух местах :
далее найдите и удалите:
Далее найдите:
и после него вставьте:
<div class="col-md-3 col-xs-12"> <div id="logo"> <a href="http://{NET_DOMAIN}/" title="{SETTINGS_STORE_NAME}"><img src="{ASSETS_IMAGES_PATH}logo.png?design=sport" alt="{SETTINGS_STORE_NAME}"></a> </div> </div> <div class="col-md-9 col-xs-12">
замените на:
<div class="col-md-12 col-xs-12">
Далее найдите:
<!-- /END Меню навигации в шапке -->
и после него :
<div class="col-md-6 col-xs-12"> <div id="logo"> <a href="http://{NET_DOMAIN}/" title="{SETTINGS_STORE_NAME}"><img src="{ASSETS_IMAGES_PATH}logo.png?design=sport" alt="{SETTINGS_STORE_NAME}"></a> </div> </div> <div class="col-md-6 col-xs-12"> <div class="head-mobile"> {% IF SETTINGS_STORE_WORK_TIME %}<p class="worktime"><em class="fa fa-clock-o"> </em><span class="ft-content">{SETTINGS_STORE_WORK_TIME}</span></p>{% ENDIF %} {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<p class="phone"><em class="fa fa-phone"> </em><span class="ft-content"><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></span></p>{% ENDIF %} {% IF SETTINGS_STORE_EMAIL_MAIN %}<p class="email"><em class="fa fa-envelope"> </em><span class="ft-content"><a href="mailto:{SETTINGS_STORE_EMAIL_MAIN}">{SETTINGS_STORE_EMAIL_MAIN}</a></span></p>{% ENDIF %} {% IF SETTINGS_STORE_SKYPE %}<p class="skype"><em class="fa fa-skype"> </em><span class="ft-content"><a href="skype:{SETTINGS_STORE_SKYPE}?call">{SETTINGS_STORE_SKYPE}</a></span></p>{% ENDIF %} </div> </div>
и в конце кода main.css вставьте:
.head-mobile{float:right;padding-top: 20px;} .head-mobile p {margin:0 0 10px 0}
3. В HTML найдите и удалите в двух местах :
<script type="text/javascript" src="//vk.com/js/api/openapi.js?142"></script>
далее найдите и удалите:
<<script type="text/javascript" src="//vk.com/js/api/openapi.js?142"></script> <!-- VK Widget --> <div id="vk_groups"></div> <script type="text/javascript"> VK.Widgets.Group("vk_groups", {mode: 3, width: "220", color1: 'F4F6F6'}, 18796722); </script>
Далее найдите:
<div class="showAllRecent button btn-loadmore"> <span class="load-text" title="Показать все">Показать все</span> </div> </div> </div> </div>
и после него вставьте:
<script type="text/javascript" src="//vk.com/js/api/openapi.js?142"></script> <!-- VK Widget --> <div id="vk_groups"></div> <script type="text/javascript"> VK.Widgets.Group("vk_groups", {mode: 3, width: "220", color1: 'F4F6F6'}, 18796722); </script>
#3
Отправлено 25 Март 2017 - 15:05
Добрый день, спасибо все заработало.
Но хочется до конца доработать:
1) Как сделать чтобы значки телефона скайпа чуть чуть были больше и красочнее
2) Помогите пожалуйста разместить контактные данные рядом с логототипом, там пустое место.
3) Как отцентрировать верхнее меню, много пустоты в правом углу
4) Подтянуть логотип чуть повыше чтобы убрать пустоту, чтобы был под каталогом
5) Как изменить шрифт верхнего меню и его подкрасить в голубой цвет (сделать выделенным голубой линией) как при наведении. А цвет при наведении изменить.
6) Как сделать слайдер в пустом месте под верхним меню
7) В мобильной версии, после после счетчиков идет белая пустота, можно листать до бесконечности, как убрать это ?
Спасибо !!!
Но хочется до конца доработать:
1) Как сделать чтобы значки телефона скайпа чуть чуть были больше и красочнее
2) Помогите пожалуйста разместить контактные данные рядом с логототипом, там пустое место.
3) Как отцентрировать верхнее меню, много пустоты в правом углу
4) Подтянуть логотип чуть повыше чтобы убрать пустоту, чтобы был под каталогом
5) Как изменить шрифт верхнего меню и его подкрасить в голубой цвет (сделать выделенным голубой линией) как при наведении. А цвет при наведении изменить.
6) Как сделать слайдер в пустом месте под верхним меню
7) В мобильной версии, после после счетчиков идет белая пустота, можно листать до бесконечности, как убрать это ?
Спасибо !!!
#4
Отправлено 28 Март 2017 - 15:45
Александр19850630 (25 Март 2017 - 15:05) писал:
Добрый день, спасибо все заработало.
Но хочется до конца доработать:
1) Как сделать чтобы значки телефона скайпа чуть чуть были больше и красочнее
2) Помогите пожалуйста разместить контактные данные рядом с логототипом, там пустое место.
3) Как отцентрировать верхнее меню, много пустоты в правом углу
4) Подтянуть логотип чуть повыше чтобы убрать пустоту, чтобы был под каталогом
5) Как изменить шрифт верхнего меню и его подкрасить в голубой цвет (сделать выделенным голубой линией) как при наведении. А цвет при наведении изменить.
6) Как сделать слайдер в пустом месте под верхним меню
7) В мобильной версии, после после счетчиков идет белая пустота, можно листать до бесконечности, как убрать это ?
Спасибо !!!
Но хочется до конца доработать:
1) Как сделать чтобы значки телефона скайпа чуть чуть были больше и красочнее
2) Помогите пожалуйста разместить контактные данные рядом с логототипом, там пустое место.
3) Как отцентрировать верхнее меню, много пустоты в правом углу
4) Подтянуть логотип чуть повыше чтобы убрать пустоту, чтобы был под каталогом
5) Как изменить шрифт верхнего меню и его подкрасить в голубой цвет (сделать выделенным голубой линией) как при наведении. А цвет при наведении изменить.
6) Как сделать слайдер в пустом месте под верхним меню
7) В мобильной версии, после после счетчиков идет белая пустота, можно листать до бесконечности, как убрать это ?
Спасибо !!!
1) В файле main.css найдите блок
.head-mobile p .fa { margin-right: 5px; }и замените его на
.head-mobile p .fa { margin-right: 5px; font: normal normal normal 20px/1 FontAwesome; }Уточните, пожалуйста, что значит "покрасочнее"? Вы хотите изменить их цвет? Если да, то на какой?
По всем остальным вопросам, скажите, пожалуйста, они еще актуальны? Сейчас Ваша шапка выглядит как на прикрепленном скриншоте. Если вопросы актуальны, то не могли бы Вы поподробнее описать что хотите изменить?
Темы с аналогичным тегами нужна помощь
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных