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


Помогите, Пожалуйста Настроить!


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

#1 Ольга 94

Ольга 94

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

  • Пользователи
  • PipPipPipPip
  • 348 сообщений
  • ГородПермь

Отправлено 19 Январь 2016 - 11:19

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

На главной!!

1. Нужно увеличить место для логотипа.
2. Главное меню расположить по центру.
3. Распределить контент по ширине верхних кнопок меню. Черным выделила как надо.
4. Фон информационного блока и подвала сделать по всей ширине экрана.
5. Убрать черные подчеркивания в подвале под словами СЕРВИС И ПОМОЩЬ, О КОМПАНИИ и т.д.

На странице каталога!!!

1. Так же как и на главной выровнять контент
2. Добавить каталог слева

На странице категории!!!

1. Добавить расширенный фильтр по товарам


Скрины прилагаю, спасибо.

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

  • главная.png
  • каталог.png
  • список товара.jpg


#2 RedHead

RedHead

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

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

Отправлено 19 Январь 2016 - 13:32

Просмотр сообщенияОльга 94 (19 Январь 2016 - 11:19) писал:

Здравствуйте.
На главной!!
1. Нужно увеличить место для логотипа.
2. Главное меню расположить по центру.
3. Распределить контент по ширине верхних кнопок меню. Черным выделила как надо.
4. Фон информационного блока и подвала сделать по всей ширине экрана.
5. Убрать черные подчеркивания в подвале под словами СЕРВИС И ПОМОЩЬ, О КОМПАНИИ и т.д.
На странице каталога!!!
1. Так же как и на главной выровнять контент
2. Добавить каталог слева
На странице категории!!!
1. Добавить расширенный фильтр по товарам
Скрины прилагаю, спасибо.

Здравствуйте! Перед внесением изменений, создайте бэкап.

1) В шаблоне html найдите строки:
<div class="col-left col-sm-2 col-xs-9">
			 <div class="logo">
замените на:
<div class="col-left col-sm-3 col-xs-9">
			 <div class="logo">

и строки
<div class="col-right col-sm-10 col-xs-3">
			 <!-- BEGIN: Main Navigation -->
замените на
<div class="col-right col-sm-9 col-xs-3">
			 <!-- BEGIN: Main Navigation -->

Так как Ваш шаблон адаптивный, те подстраивается под разные разрешения экрана, горизонтальное меню перейдет на вторую строку, если увеличить логотип.
Стили логотипа прописаны так, что изображение занимает 100% от оставленного для него места. В данном случае, мы изменили ширину блока для логотипа с 20 до 30%, но соответственно, уменьшили ширину блока для меню.

2) В шаблоне main.css перед строкой
@media all and (min-width: 1200px) {
вставьте:
@media all and (min-width: 1000px) {
#custommenu {margin-top: 20px;}
}

затем замените строку
.header-middle.keep-menu {background: #ffffff;box-shadow: 0 0 10px 0 rgba(0,0,0,0.35);height: 80px;padding: 0;z-index: 100;position: fixed !important;top: 0 !important;}
на
.header-middle.keep-menu {background: #ffffff;box-shadow: 0 0 10px 0 rgba(0,0,0,0.35);height: 110px;padding: 0;z-index: 100;position: fixed !important;top: 0 !important;}

3,4), + контент в каталоге.
Протестировали Ваш сайт в разных браузерах, данной ошибки не обнаружили. Проблема еще актуальна?

1.jpg 2.jpg 3.jpg

5) В шаблоне main.css замените строку:
.block-title:before {width: 95px;height: 1px;content: "";background: #000000;bottom: -1px;position: absolute;left: 0;}
на:
.block-title:before {width: 95px;height: 1px;content: "";bottom: -1px;position: absolute;left: 0;}

2) Уточните, на каких страницах на данный момент не отображается каталог.
1) Третий прикрепленный скриншот, к сожалению, не загружается. Так же, поясните, пожалуйста, что Вы имеете ввиду под расширенным фильтром.
Фильтры настраиваются в разделе Товары --> Товары. Необходимо зайти в редактирование конкретного товара и проставить необходимые модификации.




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

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