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


Нужна Помощь При Оформлении Главной Страницы.

нужна помощь

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

#1 Александр19850630

Александр19850630

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

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

Отправлено 24 Март 2017 - 15:58

Добрый день, подскажите пожалуйста
1) как в в шаблоне движение добавить контактные  (телефон, скайп и так далее) под верхнее меню. Получается что много пустоты хочется ее заполнить.
2) Хочется увеличить размер логотипа. Он смотрится очень не симметрично, хотелось бы его расширить, чтобы он начинался от края каталога и доходил до середины меню.
3) Как переместить виджет контакта, под категории левого меню.  Пробовал сделать самостоятельно ничего не получилось, залазит на просмотренные товары.
Хотелось бы все это дело выровнять.

Спасибо, надеюсь на скорейшую помощь.

С уважением,
Аккаунт  SL-396103

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

  • Контакты.PNG
  • логотип.PNG
  • Виджет.PNG


#2 metry

metry

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

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

Отправлено 25 Март 2017 - 12:28

Добрый день. Для внесения изменений зайдите Редактор шаблона-->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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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 Александр19850630

Александр19850630

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

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

Отправлено 25 Март 2017 - 15:05

Добрый день, спасибо все заработало.
Но хочется до конца доработать:
1) Как сделать чтобы значки телефона скайпа чуть чуть были больше и красочнее

2) Помогите пожалуйста разместить контактные данные рядом с логототипом, там пустое место.
3) Как отцентрировать верхнее меню, много пустоты в правом углу

4) Подтянуть логотип чуть повыше чтобы убрать пустоту, чтобы был под каталогом

5) Как изменить шрифт верхнего меню и его подкрасить в голубой цвет (сделать выделенным голубой линией) как при наведении. А цвет при наведении изменить.

6) Как сделать слайдер в пустом месте под верхним меню

7) В мобильной версии, после после счетчиков идет белая пустота, можно листать до бесконечности, как убрать это ?


Спасибо !!!

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

  • Меню.PNG
  • Логтип.PNG
  • Контакты..PNG
  • Слайдер.PNG


#4 Stasya

Stasya

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

  • Модератоpы
  • 4 007 сообщений

Отправлено 28 Март 2017 - 15:45

Просмотр сообщенияАлександр19850630 (25 Март 2017 - 15:05) писал:

Добрый день, спасибо все заработало.
Но хочется до конца доработать:
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;
}
Уточните, пожалуйста, что значит "покрасочнее"? Вы хотите изменить их цвет? Если да, то на какой?
По всем остальным вопросам, скажите, пожалуйста, они еще актуальны? Сейчас Ваша шапка выглядит как на прикрепленном скриншоте. Если вопросы актуальны, то не могли бы Вы поподробнее описать что хотите изменить?

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

  • Screenshot_223.jpg






Темы с аналогичным тегами нужна помощь

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

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