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


Возможно Ли Создать Данное Меню?


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

#1 tega4

tega4

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

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

Отправлено 04 Апрель 2014 - 20:20

Добрый вечер! Пришло время менять меню на сайте, и решили что будет что то подобное данному.

Подскажите пожалуйста, возможно ли это? и если есть варианты готовых кодов то буду очень признателен!

Аккаунт: SL-257549

Забыл дописать, меню будет боковое!

#2 Vaccina

Vaccina

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

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

Отправлено 05 Апрель 2014 - 02:52

Вам необходимо сделать выпадающий каталог при наведении:
http://forum.storela...мышкойна-катег/

Далее необходимо чтобы у каждой категории были свои иконки:
http://forum.storela...и-в-левом-меню/

#3 tega4

tega4

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

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

Отправлено 05 Апрель 2014 - 22:50

Просмотр сообщенияVaccina (05 Апрель 2014 - 02:52) писал:

Вам необходимо сделать выпадающий каталог при наведении:
http://forum.storela...мышкойна-катег/

Далее необходимо чтобы у каждой категории были свои иконки:
http://forum.storela...и-в-левом-меню/

Спасибо большое) Еще вопрос, а можно ли убрать название категории и вместо него оставить картинку?
сейчас сделано и картинка и категория, а хотелось бы убрать текстовое название категории, оставив только иконку.

И еще проблема, не показывает картинку к категории "Хиты продаж!" хотя все прописано верно.

#4 tega4

tega4

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

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

Отправлено 06 Апрель 2014 - 00:56

И вопрос касательно css, не могу разобраться сама...
Что мне надо прописать,точнее где именно, чтобы сделать черный цвет ссылке "Каталог" слева, где убрать фон я знаю, там же прописываю цвет ссылки черным, но он не меняется...
изменения делаю здесь, в комментарии занесла фон, т.к. тогда ссылки не видно
.leftmenu li.categories h2 {
   display: inline-block;
  color: red;
  margin-left:0px;
  width:233px;
  height:57px;
  /*background:transparent;*/}


#5 support 2.0

support 2.0

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

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

Отправлено 06 Апрель 2014 - 22:44

Просмотр сообщенияtega4 (05 Апрель 2014 - 22:50) писал:

Спасибо большое) Еще вопрос, а можно ли убрать название категории и вместо него оставить картинку?
сейчас сделано и картинка и категория, а хотелось бы убрать текстовое название категории, оставив только иконку.

И еще проблема, не показывает картинку к категории "Хиты продаж!" хотя все прописано верно.

Для того, чтобы убрать текст, замените
<span>{catalog_full.NAME}</span>
на
{% IFNOT catalog_full.LEVEL=0 %}<span>{catalog_full.NAME}</span>{%ENDIF%}
Где у Вас находятся Хиты продаж? Вижу только Интересные предложения. Вы вместо них хотите поставить изображение?
Для этого замените
<h3>Интересные предложения</h3>
на
<img src="{ASSETS_IMAGES_PATH}название_изображения" />
Однако учитывайте, что текст картинок не индексируется поисковиками и преждем чем заменять текст на изображение следует подумать над тем нужен ли этот текст был при индексации поисковиками.

Просмотр сообщенияtega4 (06 Апрель 2014 - 00:56) писал:

И вопрос касательно css, не могу разобраться сама...
Что мне надо прописать,точнее где именно, чтобы сделать черный цвет ссылке "Каталог" слева, где убрать фон я знаю, там же прописываю цвет ссылки черным, но он не меняется...
изменения делаю здесь, в комментарии занесла фон, т.к. тогда ссылки не видно
.leftmenu li.categories h2 {
display: inline-block;
color: red;
margin-left:0px;
width:233px;
height:57px;
/*background:transparent;*/}

Для этого Вам потребуется блок
.leftmenu li h2 a {
  display: inline-block;
  color: #fff;
  padding-left:15px;
  padding-top:5px;
}


#6 tega4

tega4

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

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

Отправлено 06 Апрель 2014 - 22:52

Просмотр сообщенияsupport 2.0 (06 Апрель 2014 - 22:44) писал:

Для того, чтобы убрать текст, замените
Спасибо,все прекрасно работает

Цитата

Где у Вас находятся Хиты продаж? Вижу только Интересные предложения. Вы вместо них хотите поставить изображение?

у нас в каталоге есть категория "Хиты Продаж!", помогло переименование категории на другое название.

Цитата

Для этого Вам потребуется блок
данный блок тогда поменяет названия и на остальных иконках, мне этого надо избежать
может добавить просто через style?

да, через стиль сработало.
а можно как-то сделать так, чтобы при наведении картинки менялись?

#7 tega4

tega4

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

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

Отправлено 07 Апрель 2014 - 08:03

не работает меню по категориям, где нет подкатегорий, как быть?

#8 tega4

tega4

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

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

Отправлено 07 Апрель 2014 - 21:55

с кликабельными картинками разобралась!)

появился конфликт в css...
Хром: идеальное отображение.
Опера: "съедает" стиль при наведении на ссылки, первая подкатегория работает(всплывающая форма),последующие ссылки нет.
Лиса и ИЕ: работает корректно, НО подкатегории поднялись на верх.




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

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