Сообщений в теме: 13

[Lenya]

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

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

• 

[Ирина345]

Lenya (06 Май 2014 - 13:16) писал:

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

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

[Lenya]

SL-290645

Ирина345 (06 Май 2014 - 13:50) писал:

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

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

[Ирина345]

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 %} 

[Lenya]

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

[Ирина345]

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>

[Lenya]

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

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

• 

[Vaccina]

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

попробуйте заменить на:

</div>
<!-- Каталог товаров -->

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

[Lenya]

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

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

• 

[empty9228]

Здравствуйте, найдите в файле 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%;}

[Lenya]

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 нету((

[empty9228]

В файле 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 %}">

[Lenya]

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

[empty9228]

Обновите кэш браузера