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


Проблема С Верхним Меню


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

#1 murat-ufa

murat-ufa

    Пользователь

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

Отправлено 08 Декабрь 2013 - 19:11

Добрый день!

Помогите решить три вопроса:
1) Как сделать чтобы пункт меню был виден полностью (вместо "отзывы" видно только "отзыв")
2) Как увеличить размер шрифта меню
3) пока пытался решить первый вопрос в Каталоге высота категорий уменьшилась как вернуть обратно (были чуть повыше)

Номер аккаунта: SL-180463

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

  • сторе.JPG


#2 sengun

sengun

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

  • Модератоpы
  • 1 139 сообщений
  • ГородНижний Новгород

Отправлено 08 Декабрь 2013 - 19:47

Просмотр сообщенияmurat-ufa (08 Декабрь 2013 - 19:11) писал:

Добрый день!

Помогите решить три вопроса:
1) Как сделать чтобы пункт меню был виден полностью (вместо "отзывы" видно только "отзыв")
2) Как увеличить размер шрифта меню
3) пока пытался решить первый вопрос в Каталоге высота категорий уменьшилась как вернуть обратно (были чуть повыше)

Номер аккаунта: SL-180463
Здравствуйте.
Чтобы вернуть высоту категорий в левом меню, в шаблоне main.css в коде
#left .block .navigation ul li a, #right .block .navigation ul li a { padding:4px 5px 5px 25px; display:block; color:#4c4c4c; line-height: 24px; overflow:hidden; }
замените
line-height: 24px;
на
line-height: 24px !important;

С увеличением шрифта в верхнем меню немного сложнее, так как это будет влиять на соседние блоки.
По порядку изменения в шаблоне main.css такие:
1). Увеличиваем шрифт текста в коде:
#panelsite div.centercol .menuheader ul li a { font: normal 12px Verdana, Geneva, sans-serif; color:#5d5c5c; text-decoration:none; padding:5px 13px; display:block; }
12px - размер шрифта. Допустим заменим на 14px
2). В этом случае выделенной высоты для меню не хватает и фон активных пунктов меню и пунктов меню, на которые навели мышкой обрезается. А "Отзывы" вообще пропали.08-12-2013 20-38-37.png

2.1) Уменьшаем отступы от каждого пункта меню справа и слева, чтобы вернуть отзывы.
В коде
#panelsite div.centercol .menuheader ul li { float:left; background:url(/design/menuheaderline.jpg) 0 1px no-repeat; margin:0 10px 0 0px; padding-left:10px;  }
первые встречающиеся 10px - отступ справа, вторые 10px - слева. Уменьшаем оба значения до 5px.
2.2) Увеличиваем высоту меню, чтобы фон не обрезался.
В коде
#panelsite div.centercol .menuheader { width:800px; height:24px; overflow:hidden; margin:15px 0 0 0;  }
height:24px; заменяем на height:28px; - этой высоты достаточно.
А значение margin:15px надо уменьшить до 13px, чтобы поднять меню чуть выше и выровнять таким образом его по середине, так как после увеличения высоты оно оказалось чуть ниже.

3). После увеличения высоты меню немного сдвинулся блок поиска.08-12-2013 20-44-29.png Поднимем его обратно таким изменением в коде
#panelsite div.centercol .search { float:left; margin:11px 0 0 0px; background:url(/design/searchbg.jpg) no-repeat; width:749px; height:41px; padding:10px 0 0 0px;}
margin:11px - отступ сверху. Уменьшим его значение до 9px.

Все, в этом случае все будет отображаться нормально.08-12-2013 20-47-10.png

#3 murat-ufa

murat-ufa

    Пользователь

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

Отправлено 08 Декабрь 2013 - 20:26

Спа

Просмотр сообщенияsengun (08 Декабрь 2013 - 19:47) писал:

Здравствуйте.
Чтобы вернуть высоту категорий в левом меню, в шаблоне main.css в коде
#left .block .navigation ul li a, #right .block .navigation ul li a { padding:4px 5px 5px 25px; display:block; color:#4c4c4c; line-height: 24px; overflow:hidden; }
замените
line-height: 24px;
на
line-height: 24px !important;

С увеличением шрифта в верхнем меню немного сложнее, так как это будет влиять на соседние блоки.
По порядку изменения в шаблоне main.css такие:
1). Увеличиваем шрифт текста в коде:
#panelsite div.centercol .menuheader ul li a { font: normal 12px Verdana, Geneva, sans-serif; color:#5d5c5c; text-decoration:none; padding:5px 13px; display:block; }
12px - размер шрифта. Допустим заменим на 14px
2). В этом случае выделенной высоты для меню не хватает и фон активных пунктов меню и пунктов меню, на которые навели мышкой обрезается. А "Отзывы" вообще пропали.Прикрепленный файл 08-12-2013 20-38-37.png

2.1) Уменьшаем отступы от каждого пункта меню справа и слева, чтобы вернуть отзывы.
В коде
#panelsite div.centercol .menuheader ul li { float:left; background:url(/design/menuheaderline.jpg) 0 1px no-repeat; margin:0 10px 0 0px; padding-left:10px; }
первые встречающиеся 10px - отступ справа, вторые 10px - слева. Уменьшаем оба значения до 5px.
2.2) Увеличиваем высоту меню, чтобы фон не обрезался.
В коде
#panelsite div.centercol .menuheader { width:800px; height:24px; overflow:hidden; margin:15px 0 0 0; }
height:24px; заменяем на height:28px; - этой высоты достаточно.
А значение margin:15px надо уменьшить до 13px, чтобы поднять меню чуть выше и выровнять таким образом его по середине, так как после увеличения высоты оно оказалось чуть ниже.

3). После увеличения высоты меню немного сдвинулся блок поиска.Прикрепленный файл 08-12-2013 20-44-29.pngПоднимем его обратно таким изменением в коде
#panelsite div.centercol .search { float:left; margin:11px 0 0 0px; background:url(/design/searchbg.jpg) no-repeat; width:749px; height:41px; padding:10px 0 0 0px;}
margin:11px - отступ сверху. Уменьшим его значение до 9px.

Все, в этом случае все будет отображаться нормально.Прикрепленный файл 08-12-2013 20-47-10.png
Спасибо большое все получилось. Только вот одно заметил в Мозиле "Отзывы все равно обрезаны(

#4 murat-ufa

murat-ufa

    Пользователь

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

Отправлено 08 Декабрь 2013 - 20:46

Все разобрался. Масштаб стоял 90%.

А подскажите еще как добавить отступ после виджета Сообщества от ВКонтакте?

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

  • 2.jpg


#5 sengun

sengun

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

  • Модератоpы
  • 1 139 сообщений
  • ГородНижний Новгород

Отправлено 08 Декабрь 2013 - 20:55

Просмотр сообщенияmurat-ufa (08 Декабрь 2013 - 20:46) писал:

Все разобрался. Масштаб стоял 90%.

А подскажите еще как добавить отступ после виджета Сообщества от ВКонтакте?
Добавьте в конец main.css такой код
#vk_groups {	margin-bottom: 10px;}


#6 murat-ufa

murat-ufa

    Пользователь

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

Отправлено 08 Декабрь 2013 - 21:05

Просмотр сообщенияsengun (08 Декабрь 2013 - 20:55) писал:

Добавьте в конец main.css такой код
#vk_groups { margin-bottom: 10px;}

Спасибо огромное!!!

А вот это что означает?

На странице возникла JS ошибка:


На странице возникла JS ошибка:
Script error. на строке: 0.
Адрес файла:
Как исправить ошибку?
Не удалось найти решение для данной ошибки. Для решения проблемы исправьте javascript в разделе «Сайт» > «Редактор тем».
Если необходимо помочь в решении данной ошибки, задайте вопрос в разделе "Ошибки" на нашем форуме.

и все это на красном фоне

#7 sengun

sengun

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

  • Модератоpы
  • 1 139 сообщений
  • ГородНижний Новгород

Отправлено 08 Декабрь 2013 - 21:11

Просмотр сообщенияmurat-ufa (08 Декабрь 2013 - 21:05) писал:

Спасибо огромное!!!

А вот это что означает?

На странице возникла JS ошибка:


На странице возникла JS ошибка:
Script error. на строке: 0.
Адрес файла:
Как исправить ошибку?
Не удалось найти решение для данной ошибки. Для решения проблемы исправьте javascript в разделе «Сайт» > «Редактор тем».
Если необходимо помочь в решении данной ошибки, задайте вопрос в разделе "Ошибки" на нашем форуме.

и все это на красном фоне
Скорее всего вам просто надо почистить кэш.
Если это не исправит положения, то уточните, пожалуйста, на какой странице появляется ошибка и при каких условиях? Так как я на вашем сайте js-ошибок не нашел.

#8 murat-ufa

murat-ufa

    Пользователь

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

Отправлено 08 Декабрь 2013 - 21:28

Спасибо. Дело было в кэше.
а какой файл отвечает за выделенный фрагмент

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

  • 1.PNG


#9 sengun

sengun

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

  • Модератоpы
  • 1 139 сообщений
  • ГородНижний Новгород

Отправлено 08 Декабрь 2013 - 21:35

Просмотр сообщенияmurat-ufa (08 Декабрь 2013 - 21:28) писал:

Спасибо. Дело было в кэше.
а какой файл отвечает за выделенный фрагмент
Это изображение cart-money-bg.jpg.

#10 murat-ufa

murat-ufa

    Пользователь

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

Отправлено 08 Декабрь 2013 - 21:59

Спасибо. Еще вот такой вопрос)
А можно как нибудь убрать выделенные элементы?

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

  • 2.PNG


#11 ne_yana

ne_yana

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

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

Отправлено 09 Декабрь 2013 - 09:36

Просмотр сообщенияmurat-ufa (08 Декабрь 2013 - 21:59) писал:

Спасибо. Еще вот такой вопрос)
А можно как нибудь убрать выделенные элементы?
Здравствуйте, в разделе Сайт - Редактор шаблонов - Оформление заказа замените
<label for="deliveryId{order_delivery.ID}">
на
<label for="deliveryId{order_delivery.ID}" {% IF order_delivery.NAME=Самовывоз || order_delivery.NAME=Доставка Почтой России %} style="display:none;"{% ENDIF%}>


#12 murat-ufa

murat-ufa

    Пользователь

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

Отправлено 09 Декабрь 2013 - 10:11

Просмотр сообщенияne_yana (09 Декабрь 2013 - 09:36) писал:

Здравствуйте, в разделе Сайт - Редактор шаблонов - Оформление заказа замените
<label for="deliveryId{order_delivery.ID}">
на
<label for="deliveryId{order_delivery.ID}" {% IF order_delivery.NAME=Самовывоз || order_delivery.NAME=Доставка Почтой России %} style="display:none;"{% ENDIF%}>

Добрый день!
Сделал так как написали, только вот теперь не показывает эти способы доставки

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

  • 3.PNG


#13 ne_yana

ne_yana

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

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

Отправлено 09 Декабрь 2013 - 10:17

Просмотр сообщенияmurat-ufa (09 Декабрь 2013 - 10:11) писал:

Добрый день!
Сделал так как написали, только вот теперь не показывает эти способы доставки
Здравствуйте, извините, что не уточнила строку, скорее всего Вы изменили не в том месте. Изменения нужно провести для label, который расположен на 91 строке.

#14 murat-ufa

murat-ufa

    Пользователь

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

Отправлено 09 Декабрь 2013 - 10:22

Просмотр сообщенияne_yana (09 Декабрь 2013 - 10:17) писал:

Здравствуйте, извините, что не уточнила строку, скорее всего Вы изменили не в том месте. Изменения нужно провести для label, который расположен на 91 строке.

Большое спасибо! Все получилось.
а не могли бы еще подсказать вот этот вопрос:

Подскажите как скрыть при выборе способа доставки "Самовывоз" - Индекс, Город, Регион, Адрес.
и при выборе способа доставки "Курьер" - Индекс, Город, Регион. ???

и такой вопрос можно ли при выборе способа доставки "Самовывоз" и "Курьер" сделать так чтобы пропускался 3 шаг "выбор способа оплаты"?

#15 Stasya

Stasya

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

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

Отправлено 09 Декабрь 2013 - 16:05

Просим Вас не дублировать вопросы и темы. В противном случае они будут удалены. Вам уже ответили здесь.




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

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