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


Главное Меню

меню

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

#1 Lenya

Lenya

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

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

Отправлено 06 Май 2014 - 13:16

Как сделать горизонтальное меню вертикальным и объединить этот блок с каталогом?
т.е. две папки с товаром и ниже продолжение, доставка,корзина и т.д. слово каталог убрать. а главную желательно сделать выше двух папок каталога.

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

  • сайт.jpg


#2 Ирина345

Ирина345

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

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

Отправлено 06 Май 2014 - 13:50

Просмотр сообщенияLenya (06 Май 2014 - 13:16) писал:

Как сделать горизонтальное меню вертикальным и объединить этот блок с каталогом?
т.е. две папки с товаром и ниже продолжение, доставка,корзина и т.д. слово каталог убрать. а главную желательно сделать выше двух папок каталога.
Здравствуйте укажите Ваш аккаунт.

#3 Lenya

Lenya

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

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

Отправлено 06 Май 2014 - 14:07

SL-290645

Просмотр сообщенияИрина345 (06 Май 2014 - 13:50) писал:

Здравствуйте укажите Ваш аккаунт.

сам сайт http://cvety-kazan.storeland.ru

#4 Ирина345

Ирина345

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

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

Отправлено 06 Май 2014 - 14:30

Просмотр сообщенияLenya (06 Май 2014 - 14:07) писал:

SL-290645



сам сайт http://cvety-kazan.storeland.ru
Вам нужно найти в HTML строчку
{% IFNOT menu_empty %}
<ul id="megamenu">
{% FOR menu %}
{% FOR header %}
заменить на
{% IFNOT menu_empty %}
<ul id="megamenu"style=" display: none; ">
{% FOR menu %}
{% FOR header %}
после строчки

<div class="block-title">
<strong><span>Каталог</span></strong>
</div>
вставьте код
{% IFNOT menu_empty %}

{% FOR menu %}
{% FOR header %}
{% FOR links %}
<div class="block-title {% IF menu.header.links.SELECTED %}active{% ENDIF %}" >
<a href="{menu.header.links.URL}" class="root_link" {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %} >{menu.header.links.NAME}</a>
</div>
{% ENDFOR %}
{% ENDFOR %}
{% ENDFOR %}

{% ENDIF %} 


#5 Lenya

Lenya

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

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

Отправлено 06 Май 2014 - 15:18

Спасибо огромное, а как изменить чтоб пункты меню были НЕ подчёркнуты? и стиль текста как и двух папок с товаром?

#6 Ирина345

Ирина345

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

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

Отправлено 06 Май 2014 - 15:36

Просмотр сообщенияLenya (06 Май 2014 - 15:18) писал:

Спасибо огромное, а как изменить чтоб пункты меню были НЕ подчёркнуты? и стиль текста как и двух папок с товаром?
Добавьте в конце файла style.css код
div.block-title a{text-decoration: none;}
находим в HTML коде
<div class="column one-third">
<div class="block2">
<div class="block-title">
<strong><span></span></strong>
</div>
заменяем

<div class="column one-third">
<div class="block2">
<div class="accordion">
<strong><span></span></strong>
найти
<div class="block-content">
<!-- Каталог товаров -->
заменить на
</div>

<div class="block-content">
<!-- Каталог товаров -->
</div>


#7 Lenya

Lenya

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

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

Отправлено 06 Май 2014 - 21:54

Получилось симпатично) но есть небольшой недочёт. прикрепляю фото. и вопрос: можно ли в это пустое поле добавить две папки каталога? т.е. чтобы всё было в одном целом блоке.

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

  • 123.jpg


#8 Vaccina

Vaccina

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

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

Отправлено 07 Май 2014 - 04:42

</div>
<div class="block-content">
<!-- Каталог товаров -->
</div>
попробуйте заменить на:
</div>
<!-- Каталог товаров -->

Второй вопрос немного не понятен, вы хотите, чтобы каталог также отображался как меню по стилизации?

#9 Lenya

Lenya

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

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

Отправлено 07 Май 2014 - 09:07

Отлично, ещё бы рамочку вокруг каталога и текст немного сместить

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

  • 123.jpg


#10 empty9228

empty9228

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

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

Отправлено 07 Май 2014 - 09:51

Здравствуйте, найдите в файле style.css код

.block2 .block-title {padding: 6px 18px;color: #40383b;text-transform: uppercase;background: #fff;border: 1px solid #c0c0c0;*border-top: 2px solid #c0c0c0;*border-left: 1px solid #c0c0c0;*border-right: 1px solid #c0c0c0;*border-bottom: 1px solid #c0c0c0;position: relative;display: block;}

замените его на

.block2 .block-title {padding: 6px 18px;color: #40383b;text-transform: uppercase;background: #fff;border: 1px solid #c0c0c0;*border-top: 2px solid #c0c0c0;*border-left: 1px solid #c0c0c0;*border-right: 1px solid #c0c0c0;*border-bottom: 1px solid #c0c0c0;position: relative;display: block;width: 82%;}


#11 Lenya

Lenya

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

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

Отправлено 07 Май 2014 - 10:03

Просмотр сообщенияempty9228 (07 Май 2014 - 09:51) писал:

Здравствуйте, найдите в файле style.css код

.block2 .block-title {padding: 6px 18px;color: #40383b;text-transform: uppercase;background: #fff;border: 1px solid #c0c0c0;*border-top: 2px solid #c0c0c0;*border-left: 1px solid #c0c0c0;*border-right: 1px solid #c0c0c0;*border-bottom: 1px solid #c0c0c0;position: relative;display: block;}

замените его на

.block2 .block-title {padding: 6px 18px;color: #40383b;text-transform: uppercase;background: #fff;border: 1px solid #c0c0c0;*border-top: 2px solid #c0c0c0;*border-left: 1px solid #c0c0c0;*border-right: 1px solid #c0c0c0;*border-bottom: 1px solid #c0c0c0;position: relative;display: block;width: 82%;}




не помогло. почему то смотрю в опере,такой код есть,а в Chrome нету((

#12 empty9228

empty9228

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

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

Отправлено 07 Май 2014 - 10:30

В файле html найдите строку 396

<li  {% IF catalog_full.HIDE %}style="display:none;" {% ENDIF %} class="{% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.CURRENT %}active{% ELSEIF catalog_full.CURRENT_PARENT %}active{% ENDIF %}">

замените её на

<li class="block-title {% IF catalog_full.HIDE %}style="display:none;" {% ENDIF %} class="{% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.CURRENT %}active{% ELSEIF catalog_full.CURRENT_PARENT %}active{% ENDIF %}">


#13 Lenya

Lenya

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

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

Отправлено 07 Май 2014 - 10:37

Всё,хорошо, разобрался)) спасибо большое.

#14 empty9228

empty9228

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

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

Отправлено 07 Май 2014 - 10:56

Обновите кэш браузера07-05-2014 11-56-15.jpg





Темы с аналогичным тегами меню

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

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