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


Ошибка Компиляции

Автор olgaderamos, 25 авг. 2013 04:21

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

#1 olgaderamos

olgaderamos

    Продвинутый пользователь

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

Отправлено 25 Август 2013 - 04:21

Уважаемые модераторы! Уже третий день тщетно пытаюсь сделать выпадающее меню для шаблона Мокко. Перерыла кучу постов, черечитала кучу информацию на форуме, но всё равно не получается.

Следовала инструкции, заменила код




Цитата

<div id="mainNav">
<table>
<tr>
{% FOR menu %}
{% FOR header %}
{% FOR links %}
<td {% IF menu.header.links.first %}class="first"{% ELSEIF menu.header.links.last %}class="last"{% ENDIF %}>
<div>
<a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{% ENDIF %} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a>
</div>
</td>
{% ENDFOR %}
{% ENDFOR %}
{% ENDFOR %}
</tr>
</table>
</div>

на



Цитата

<div id="mainNav" class="nav">
<table>
<tr>
{% FOR menu %}
{% FOR header %}
{% FOR links %}
<td {% IF menu.header.links.first %}class="first"{% ELSEIF menu.header.links.last %}class="last"{% ENDIF %}>
<li><a href="ссылка" title="На главную">Главная</a>
<ul>
{% FOR menu %}
{% FOR header_health %}
{% FOR links %}
<li><a href="{menu.header_health.links.URL}" {% IF menu.header_health.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header_health.links.TITLE %}title="{menu.header_health.links.TITLE}"{% ENDIF %}>{menu.header_health.links.NAME}</a></li>
{% ENDFOR %}
{% ENDFOR %}
{% ENDFOR %}
</ul>
</li>
<li><a href="ссылка" title="На главную">Инфа</a>
<ul>
{% FOR menu %}
{% FOR header_products %}
{% FOR links %}
<li><a href="{menu.header_products.links.URL}" {% IF menu.header_products.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header_products.links.TITLE %}title="{menu.header_products.links.TITLE}"{% ENDIF %}>{menu.header_products.links.NAME}</a></li>
{% ENDFOR %}
{% ENDFOR %}
{% ENDFOR %}
</ul>
<li><a href="ссылка" title="На главную">Главная</a>
<ul>
{% FOR menu %}
{% FOR header_recipe %}
{% FOR links %}
<li><a href="{menu.header_recipe.links.URL}" {% IF menu.header_recipe.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header_recipe.links.TITLE %}title="{menu.header_recipe.links.TITLE}"{% ENDIF %}>{menu.header_recipe.links.NAME}</a></li>
{% ENDFOR %}
{% ENDFOR %}
{% ENDFOR %}
</ul>
</li>
<li><a href="ссылка" title="На главную">Инфа</a>
<ul>
{% FOR menu %}
{% FOR header_sys %}
{% FOR links %}
<li><a href="{menu.header_sys.links.URL}" {% IF menu.header_sys.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header_sys.links.TITLE %}title="{menu.header_sys.links.TITLE}"{% ENDIF %}>{menu.header_sys.links.NAME}</a></li>
{% ENDFOR %}
{% ENDFOR %}
{% ENDFOR %}
</ul>

</tr>
</table>
</div>


НО при coxранении получается ошибка вот такого вида.

oshibka komplyacii.JPG

в строке 141 у меня прописано



Цитата

<div id="mainNav" class="nav">

stropa 141.JPG

Помогите разобраться, в чём же ошибка и как довести до ума???
заранее благодарю. Аккаунт SL-231300

#2 miyako

miyako

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

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

Отправлено 25 Август 2013 - 09:46

Для шаблона Мокко выпадающее меню - http://forum.storela...еню/#entry38990

А в вашем коде не хватает куска кода - 
</li>
						 </td>
				 {% ENDFOR %}
						 {% ENDFOR %}
				 {% ENDFOR %}

То есть найдите код - 
</tr>
</table>
</div>
и замените на - 
</li>
						 </td>
				 {% ENDFOR %}
						 {% ENDFOR %}
				 {% ENDFOR %}
</tr>
</table>
</div>

#3 olgaderamos

olgaderamos

    Продвинутый пользователь

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

Отправлено 25 Август 2013 - 16:21

Спасибо за помощь, но всё равно не получилось.  Добавила по инструкции, но все сьехало-переехало до ужасного вида белиберды какой-то.

пока поставила как было, пока не додумала код. Ну не могу понять как его прописывать....у меня должны быть выпадающими первые четыре пункта верхнего меню, распадаться они должны на 5-7 подменю каждый пункт. Как это сделать? Прописывать каждый пункт отдельно с подпунктами в кодах? Не совсем понятно. Точнее, совсем не понятно. Высший пилотаж, не думаю, что сама пойму, но очень хочется.

[img][URL=http://vfl.ru/fotos/0206e11b2965210.html][IMG]http://images.vfl.ru/ii/1377439691/0206e11b/2965210_s.jpg[/IMG][/URL][/img]

Подскажите, пожалуйста, где опять ошибка получилась и как её исправить?

#4 Сake

Сake

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

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

Отправлено 27 Август 2013 - 03:06

Вам необходимо вместо кода меню, а именно 

<div id="mainNav" class="nav">
<table>
<tr>
{% FOR menu %}
{% FOR header %}
{% FOR links %}
<td {% IF menu.header.links.first %}class="first"{% ELSEIF menu.header.links.last %}class="last"{% ENDIF %}>
<li><a href="ссылка" title="На главную">Главная</a>
<ul>
{% FOR menu %}
{% FOR header_health %}
{% FOR links %}
<li><a href="{menu.header_health.links.URL}" {% IF menu.header_health.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header_health.links.TITLE %}title="{menu.header_health.links.TITLE}"{% ENDIF %}>{menu.header_health.links.NAME}</a></li>
{% ENDFOR %}
{% ENDFOR %}
{% ENDFOR %}
</ul>
</li>
<li><a href="ссылка" title="На главную">Инфа</a>
<ul>
{% FOR menu %}
{% FOR header_products %}
{% FOR links %}
<li><a href="{menu.header_products.links.URL}" {% IF menu.header_products.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header_products.links.TITLE %}title="{menu.header_products.links.TITLE}"{% ENDIF %}>{menu.header_products.links.NAME}</a></li>
{% ENDFOR %}
{% ENDFOR %}
{% ENDFOR %}
</ul>
<li><a href="ссылка" title="На главную">Главная</a>
<ul>
{% FOR menu %}
{% FOR header_recipe %}
{% FOR links %}
<li><a href="{menu.header_recipe.links.URL}" {% IF menu.header_recipe.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header_recipe.links.TITLE %}title="{menu.header_recipe.links.TITLE}"{% ENDIF %}>{menu.header_recipe.links.NAME}</a></li>
{% ENDFOR %}
{% ENDFOR %}
{% ENDFOR %}
</ul>
</li>
<li><a href="ссылка" title="На главную">Инфа</a>
<ul>
{% FOR menu %}
{% FOR header_sys %}
{% FOR links %}
<li><a href="{menu.header_sys.links.URL}" {% IF menu.header_sys.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header_sys.links.TITLE %}title="{menu.header_sys.links.TITLE}"{% ENDIF %}>{menu.header_sys.links.NAME}</a></li>
{% ENDFOR %}
{% ENDFOR %}
{% ENDFOR %}
</ul>
</tr>
</table>
</div>

использовать следующий код 

<div id="mainNav" class="nav">
<table>
<tr>
<td>
<ul>
<li class="first"><a href="ссылка" title="На главную">Главная</a>
<ul>
{% FOR menu %}
{% FOR header_health %}
{% FOR links %}
<li><a href="{menu.header_health.links.URL}" {% IF menu.header_health.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header_health.links.TITLE %}title="{menu.header_health.links.TITLE}"{% ENDIF %}>{menu.header_health.links.NAME}</a></li>
{% ENDFOR %}
{% ENDFOR %}
{% ENDFOR %}
</ul>
</li>
<li><a href="ссылка" title="На главную">Инфа</a>
<ul>
{% FOR menu %}
{% FOR header_products %}
{% FOR links %}
<li><a href="{menu.header_products.links.URL}" {% IF menu.header_products.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header_products.links.TITLE %}title="{menu.header_products.links.TITLE}"{% ENDIF %}>{menu.header_products.links.NAME}</a></li>
{% ENDFOR %}
{% ENDFOR %}
{% ENDFOR %}
</ul>
</li>
<li><a href="ссылка" title="На главную">Главная</a>
<ul>
{% FOR menu %}
{% FOR header_recipe %}
{% FOR links %}
<li><a href="{menu.header_recipe.links.URL}" {% IF menu.header_recipe.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header_recipe.links.TITLE %}title="{menu.header_recipe.links.TITLE}"{% ENDIF %}>{menu.header_recipe.links.NAME}</a></li>
{% ENDFOR %}
{% ENDFOR %}
{% ENDFOR %}
</ul>
</li>
<li><a href="ссылка" title="На главную" class="last">Инфа</a>
<ul>
{% FOR menu %}
{% FOR header_sys %}
{% FOR links %}
<li><a href="{menu.header_sys.links.URL}" {% IF menu.header_sys.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header_sys.links.TITLE %}title="{menu.header_sys.links.TITLE}"{% ENDIF %}>{menu.header_sys.links.NAME}</a></li>
{% ENDFOR %}
{% ENDFOR %}
{% ENDFOR %}
</ul>
</li>
</ul>
</tr>
</table>
</div>

Данное меню характерно тем, что нельзя использовать вложенность внутри цикла {% FOR menu %}, необходимо вручную создавать первый уровень навигации. Вся вложенность достигается за счет создания дополнительных меню, и размещение их в соответствующей ветки первого уровня навигации. Если рассматривать ваш код, то код 

<div id="mainNav">
<table>
<tr>
{% FOR menu %}
{% FOR header %}
{% FOR links %}
<td {% IF menu.header.links.first %}class="first"{% ELSEIF menu.header.links.last %}class="last"{% ENDIF %}>
<div>
<a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{% ENDIF %} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a>
</div>
</td>
{% ENDFOR %}
{% ENDFOR %}
{% ENDFOR %}
</tr>
</table>
</div>

примет вид 

<div id="mainNav">
<table>
<tr>
<td class="first">
<div>
<a href="Ссылка первого уровня" title="Заголовок первого уровня">Первый пункт, первый уровень</a>
<ul>
	{% FOR menu %}
	{% FOR header %}
	{% FOR links %}
	<li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{% ENDIF %} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li>
{% ENDFOR %}
	{% ENDFOR %}
	{% ENDFOR %}
</ul>
</div>
</td>
<td class="last">
<div>
<a href="Ссылка первого уровня" title="Заголовок первого уровня">Второй пункт, первый уровень</a>
<ul>
	{% FOR menu %}
	{% FOR header2 %}
	{% FOR links %}
	<li><a href="{menu.header2.links.URL}" {% IF menu.header2.links.SELECTED %}class="selected"{% ENDIF %} {% IF menu.header2.links.TITLE %}title="{menu.header2.links.TITLE}"{% ENDIF %}>{menu.header2.links.NAME}</a></li>
{% ENDFOR %}
	{% ENDFOR %}
	{% ENDFOR %}
</ul>
</div>
</td>
</tr>
</table>
</div>

тут главное чтобы вы уловили суть создания меню навигации на основе псевдодерева {% FOR menu %}

#5 olgaderamos

olgaderamos

    Продвинутый пользователь

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

Отправлено 28 Август 2013 - 07:08

Просмотр сообщенияСake (27 Август 2013 - 03:06) писал:

Вам необходимо вместо кода меню, а именно

<div id="mainNav" class="nav">
<table>
<tr>
{% FOR menu %}
{% FOR header %}
{% FOR links %}
<td {% IF menu.header.links.first %}class="first"{% ELSEIF menu.header.links.last %}class="last"{% ENDIF %}>
<li><a href="ссылка" title="На главную">Главная</a>
<ul>
{% FOR menu %}
{% FOR header_health %}
{% FOR links %}
<li><a href="{menu.header_health.links.URL}" {% IF menu.header_health.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header_health.links.TITLE %}title="{menu.header_health.links.TITLE}"{% ENDIF %}>{menu.header_health.links.NAME}</a></li>
{% ENDFOR %}
{% ENDFOR %}
{% ENDFOR %}
</ul>
</li>
<li><a href="ссылка" title="На главную">Инфа</a>
<ul>
{% FOR menu %}
{% FOR header_products %}
{% FOR links %}
<li><a href="{menu.header_products.links.URL}" {% IF menu.header_products.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header_products.links.TITLE %}title="{menu.header_products.links.TITLE}"{% ENDIF %}>{menu.header_products.links.NAME}</a></li>
{% ENDFOR %}
{% ENDFOR %}
{% ENDFOR %}
</ul>
<li><a href="ссылка" title="На главную">Главная</a>
<ul>
{% FOR menu %}
{% FOR header_recipe %}
{% FOR links %}
<li><a href="{menu.header_recipe.links.URL}" {% IF menu.header_recipe.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header_recipe.links.TITLE %}title="{menu.header_recipe.links.TITLE}"{% ENDIF %}>{menu.header_recipe.links.NAME}</a></li>
{% ENDFOR %}
{% ENDFOR %}
{% ENDFOR %}
</ul>
</li>
<li><a href="ссылка" title="На главную">Инфа</a>
<ul>
{% FOR menu %}
{% FOR header_sys %}
{% FOR links %}
<li><a href="{menu.header_sys.links.URL}" {% IF menu.header_sys.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header_sys.links.TITLE %}title="{menu.header_sys.links.TITLE}"{% ENDIF %}>{menu.header_sys.links.NAME}</a></li>
{% ENDFOR %}
{% ENDFOR %}
{% ENDFOR %}
</ul>
</tr>
</table>
</div>

использовать следующий код

<div id="mainNav" class="nav">
<table>
<tr>
<td>
<ul>
<li class="first"><a href="ссылка" title="На главную">Главная</a>
<ul>
{% FOR menu %}
{% FOR header_health %}
{% FOR links %}
<li><a href="{menu.header_health.links.URL}" {% IF menu.header_health.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header_health.links.TITLE %}title="{menu.header_health.links.TITLE}"{% ENDIF %}>{menu.header_health.links.NAME}</a></li>
{% ENDFOR %}
{% ENDFOR %}
{% ENDFOR %}
</ul>
</li>
<li><a href="ссылка" title="На главную">Инфа</a>
<ul>
{% FOR menu %}
{% FOR header_products %}
{% FOR links %}
<li><a href="{menu.header_products.links.URL}" {% IF menu.header_products.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header_products.links.TITLE %}title="{menu.header_products.links.TITLE}"{% ENDIF %}>{menu.header_products.links.NAME}</a></li>
{% ENDFOR %}
{% ENDFOR %}
{% ENDFOR %}
</ul>
</li>
<li><a href="ссылка" title="На главную">Главная</a>
<ul>
{% FOR menu %}
{% FOR header_recipe %}
{% FOR links %}
<li><a href="{menu.header_recipe.links.URL}" {% IF menu.header_recipe.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header_recipe.links.TITLE %}title="{menu.header_recipe.links.TITLE}"{% ENDIF %}>{menu.header_recipe.links.NAME}</a></li>
{% ENDFOR %}
{% ENDFOR %}
{% ENDFOR %}
</ul>
</li>
<li><a href="ссылка" title="На главную" class="last">Инфа</a>
<ul>
{% FOR menu %}
{% FOR header_sys %}
{% FOR links %}
<li><a href="{menu.header_sys.links.URL}" {% IF menu.header_sys.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header_sys.links.TITLE %}title="{menu.header_sys.links.TITLE}"{% ENDIF %}>{menu.header_sys.links.NAME}</a></li>
{% ENDFOR %}
{% ENDFOR %}
{% ENDFOR %}
</ul>
</li>
</ul>
</tr>
</table>
</div>

Данное меню характерно тем, что нельзя использовать вложенность внутри цикла {% FOR menu %}, необходимо вручную создавать первый уровень навигации. Вся вложенность достигается за счет создания дополнительных меню, и размещение их в соответствующей ветки первого уровня навигации. Если рассматривать ваш код, то код

<div id="mainNav">
<table>
<tr>
{% FOR menu %}
{% FOR header %}
{% FOR links %}
<td {% IF menu.header.links.first %}class="first"{% ELSEIF menu.header.links.last %}class="last"{% ENDIF %}>
<div>
<a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{% ENDIF %} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a>
</div>
</td>
{% ENDFOR %}
{% ENDFOR %}
{% ENDFOR %}
</tr>
</table>
</div>

примет вид

<div id="mainNav">
<table>
<tr>
<td class="first">
<div>
<a href="Ссылка первого уровня" title="Заголовок первого уровня">Первый пункт, первый уровень</a>
<ul>
{% FOR menu %}
{% FOR header %}
{% FOR links %}
<li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{% ENDIF %} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li>
{% ENDFOR %}
{% ENDFOR %}
{% ENDFOR %}
</ul>
</div>
</td>
<td class="last">
<div>
<a href="Ссылка первого уровня" title="Заголовок первого уровня">Второй пункт, первый уровень</a>
<ul>
{% FOR menu %}
{% FOR header2 %}
{% FOR links %}
<li><a href="{menu.header2.links.URL}" {% IF menu.header2.links.SELECTED %}class="selected"{% ENDIF %} {% IF menu.header2.links.TITLE %}title="{menu.header2.links.TITLE}"{% ENDIF %}>{menu.header2.links.NAME}</a></li>
{% ENDFOR %}
{% ENDFOR %}
{% ENDFOR %}
</ul>
</div>
</td>
</tr>
</table>
</div>

тут главное чтобы вы уловили суть создания меню навигации на основе псевдодерева {% FOR menu %}

На первю взгляд очень сложно, нужно разбираться. Буду пробовать, благодарю за ответ и надеюсь на дальнеишую поддержку, возможно мне придётся задать ещё не один вопрос по поводу выпадающего меню.

#6 olgaderamos

olgaderamos

    Продвинутый пользователь

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

Отправлено 29 Август 2013 - 03:45

Нет, не смогла. Подключила светлую голову, думали вдвоём - не смогли придумать как же  работает это выпадающее меню.
Будьте добры, помогите, пожалуйста!
Я создала дополнительные блоки меню, вся система (где что должно распадаться) у меня написана, но я не могу вписать её в коды и подключить. Буду премного благодарна, если поможете. У меня на это дело впустую улетела уже неделя, никак не получается.

header_menu1.JPG
header_menu2.JPG
neader menu3.JPG

#7 Vaccina

Vaccina

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

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

Отправлено 30 Август 2013 - 05:39

Код вашего меню по сути должен выглядеть примерно так

<div id="mainNav">
<table>
	 <tr>
		 <td class="first">
			 <div>
				 <a title="Здравствуйте!" href="/">Система EasiYo</a>
			 </div>
		 </td>
		 <td>
			 <div>
				 <a title="Почему я выбираю EasiYo?" href="/page/Почему-я-выбираю-EasiYo">Для вашего здоровья</a>
			 </div>
		 </td>
		 <td>
			 <div>
				 <a title="Продукция" href="http://yogurtdv.ru/page/Produkciya">Продукция</a>
	 <ul>
					 {% FOR menu %}
						 {% FOR header_products %}
							 {% FOR links %}
								 <li><a href="{menu.header_products.links.URL}" {% IF menu.header_products.links.SELECTED %}class="selected"{% ENDIF %} {% IF menu.header_products.links.TITLE %}title="{menu.header_products.links.TITLE}"{% ENDIF %}>{menu.header_products.links.NAME}</a></li>
							 {% ENDFOR %}
						 {% ENDFOR %}
					 {% ENDFOR %}
				 </ul>
			 </div>
		 </td>
		 <td>
			 <div>
				 <a title="Рецепты" href="http://yogurtdv.ru/page/Recept">Рецепты</a>
	 <ul>
					 {% FOR menu %}
						 {% FOR header_recipe %}
							 {% FOR links %}
								 <li><a href="{menu.header_recipe.links.URL}" {% IF menu.header_recipe.links.SELECTED %}class="selected"{% ENDIF %} {% IF menu.header_recipe.links.TITLE %}title="{menu.header_recipe.links.TITLE}"{% ENDIF %}>{menu.header_recipe.links.NAME}</a></li>
							 {% ENDFOR %}
						 {% ENDFOR %}
					 {% ENDFOR %}
				 </ul>
			 </div>
		 </td>
		 <td>
			 <div>
				 <a title="Полный список товаров на сайте" href="http://yogurtdv.ru/catalog">Купить</a>
			 </div>
		 </td>
		 <td>
			 <div>
				 <a title="Связь с администрацией магазина" href="http://yogurtdv.ru/feedback">Контакты</a>
			 </div>
		 </td>
		 <td class="last">
			 <div>
				 <a title="Вход в личный кабинет покупателя" href="http://yogurtdv.ru/user/login">Кабинет</a>
			 </div>
		 </td>
		 </tr>
</table>
</div>

и это только html код, в дополнении к нему - необходим и css код который и будет отображать подменю. Вам необходимо вставить данный код вместо вашего меню (шаблон "HTML"). затем в файл стилей main.css добавить

#mainNav table td div {
position: relative;
}
#mainNav table td div ul {
display: none;
}

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

#8 olgaderamos

olgaderamos

    Продвинутый пользователь

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

Отправлено 30 Август 2013 - 09:25

Просмотр сообщенияVaccina (30 Август 2013 - 05:39) писал:

Код вашего меню по сути должен выглядеть примерно так

<div id="mainNav">
<table>
	 <tr>
		 <td class="first">
			 <div>
				 <a title="Здравствуйте!" href="/">Система EasiYo</a>
			 </div>
		 </td>
		 <td>
			 <div>
				 <a title="Почему я выбираю EasiYo?" href="/page/Почему-я-выбираю-EasiYo">Для вашего здоровья</a>
			 </div>
		 </td>
		 <td>
			 <div>
				 <a title="Продукция" href="http://yogurtdv.ru/page/Produkciya">Продукция</a>
	 <ul>
					 {% FOR menu %}
						 {% FOR header_products %}
							 {% FOR links %}
								 <li><a href="{menu.header_products.links.URL}" {% IF menu.header_products.links.SELECTED %}class="selected"{% ENDIF %} {% IF menu.header_products.links.TITLE %}title="{menu.header_products.links.TITLE}"{% ENDIF %}>{menu.header_products.links.NAME}</a></li>
							 {% ENDFOR %}
						 {% ENDFOR %}
					 {% ENDFOR %}
				 </ul>
			 </div>
		 </td>
		 <td>
			 <div>
				 <a title="Рецепты" href="http://yogurtdv.ru/page/Recept">Рецепты</a>
	 <ul>
					 {% FOR menu %}
						 {% FOR header_recipe %}
							 {% FOR links %}
								 <li><a href="{menu.header_recipe.links.URL}" {% IF menu.header_recipe.links.SELECTED %}class="selected"{% ENDIF %} {% IF menu.header_recipe.links.TITLE %}title="{menu.header_recipe.links.TITLE}"{% ENDIF %}>{menu.header_recipe.links.NAME}</a></li>
							 {% ENDFOR %}
						 {% ENDFOR %}
					 {% ENDFOR %}
				 </ul>
			 </div>
		 </td>
		 <td>
			 <div>
				 <a title="Полный список товаров на сайте" href="http://yogurtdv.ru/catalog">Купить</a>
			 </div>
		 </td>
		 <td>
			 <div>
				 <a title="Связь с администрацией магазина" href="http://yogurtdv.ru/feedback">Контакты</a>
			 </div>
		 </td>
		 <td class="last">
			 <div>
				 <a title="Вход в личный кабинет покупателя" href="http://yogurtdv.ru/user/login">Кабинет</a>
			 </div>
		 </td>
		 </tr>
</table>
</div>

и это только html код, в дополнении к нему - необходим и css код который и будет отображать подменю. Вам необходимо вставить данный код вместо вашего меню (шаблон "HTML"). затем в файл стилей main.css добавить

#mainNav table td div {
position: relative;
}
#mainNav table td div ul {
display: none;
}

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

Спасибо большое, что откликнулись и пробуете помочь!
Всё сделала по вашей инструкции, поменяла код HTML и ддобавила в файл стилей main.css. Но почему-то ничегоне произошло... Может напутала чего?

#9 Vaccina

Vaccina

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

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

Отправлено 31 Август 2013 - 00:49

вы все правильно сделали =)

Теперь в main.css попробуйте добавить сл.стили после:
#mainNav table td div ul {
display: none;
}

добавляем:
#mainNav table td div a:hover ul {
display: block;
}

У нас меню будет немного расширяться, поэтому стоит корзину переместить в другое место, для этого в том же шаблоне найдите:
#cartInfo {
position: absolute;
font-size: 13px;
bottom: 6px;
right: 10px;
white-space: nowrap;
}
и измените значения right и bottom для ее перемещения

#10 olgaderamos

olgaderamos

    Продвинутый пользователь

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

Отправлено 31 Август 2013 - 04:47

Спасибо большое.
только к сожалению из всего только корзину получилось подвинуть, а меню так и не выпадает... может ещё что-нибудь нужно сделать? Или код расширить?

Просмотр сообщенияVaccina (31 Август 2013 - 00:49) писал:

вы все правильно сделали =)

Теперь в main.css попробуйте добавить сл.стили после:
#mainNav table td div ul {
display: none;
}

добавляем:
#mainNav table td div a:hover ul {
display: block;
}

У нас меню будет немного расширяться, поэтому стоит корзину переместить в другое место, для этого в том же шаблоне найдите:
#cartInfo {
position: absolute;
font-size: 13px;
bottom: 6px;
right: 10px;
white-space: nowrap;
}
и измените значения right и bottom для ее перемещения

Спасибо большое.
только, к сожалению, из всего только корзину получилось подвинуть, а меню так и не выпадает... может ещё что-нибудь нужно сделать? Или код расширить?

#11 miyako

miyako

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

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

Отправлено 31 Август 2013 - 08:14

Просмотр сообщенияolgaderamos (31 Август 2013 - 04:47) писал:

Спасибо большое.
только к сожалению из всего только корзину получилось подвинуть, а меню так и не выпадает... может ещё что-нибудь нужно сделать? Или код расширить?

Спасибо большое.
только, к сожалению, из всего только корзину получилось подвинуть, а меню так и не выпадает... может ещё что-нибудь нужно сделать? Или код расширить?

У Вас js ошибка.
Найдите код в шаблоне HTML - 
<!-- Скрипты магазина -->
 
  <script type="text/javascript" src="{ASSETS_JS_PATH}main.js"></script>
 
<script type="text/javascript">
$(document).ready(function () {
<script type="text/javascript">
$(document).ready(function () {
$('.nav li').hover(
function () {
//show its submenu
$('ul', this).stop().slideDown(100);
},
function () {
//hide its submenu
$('ul', this).stop().slideUp(100);
}
);
});
</script>
	
<script type="text/javascript">
$(document).ready(function () {
$('.nav li').hover(
function () {
//show its submenu
$('ul', this).stop().slideDown(100);
},
function () {
//hide its submenu
$('ul', this).stop().slideUp(100);
}
);
});
</script>   
	
	
	
</head>
<body>
и замените на - 
<!-- Скрипты магазина -->
 
  <script type="text/javascript" src="{ASSETS_JS_PATH}main.js"></script>  
<script type="text/javascript">
$(document).ready(function () {
$('.nav li').hover(
function () {
//show its submenu
$('ul', this).stop().slideDown(100);
},
function () {
//hide its submenu
$('ul', this).stop().slideUp(100);
}
);
});
</script>	
	
</head>
<body>

Скорее всего из-за этого не работает вып. меню.

#12 olgaderamos

olgaderamos

    Продвинутый пользователь

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

Отправлено 31 Август 2013 - 08:27

Просмотр сообщенияmiyako (31 Август 2013 - 08:14) писал:

У Вас js ошибка.
Найдите код в шаблоне HTML -
<!-- Скрипты магазина -->

<script type="text/javascript" src="{ASSETS_JS_PATH}main.js"></script>

<script type="text/javascript">
$(document).ready(function () {
<script type="text/javascript">
$(document).ready(function () {
$('.nav li').hover(
function () {
//show its submenu
$('ul', this).stop().slideDown(100);
},
function () {
//hide its submenu
$('ul', this).stop().slideUp(100);
}
);
});
</script>
	
<script type="text/javascript">
$(document).ready(function () {
$('.nav li').hover(
function () {
//show its submenu
$('ul', this).stop().slideDown(100);
},
function () {
//hide its submenu
$('ul', this).stop().slideUp(100);
}
);
});
</script>
	
	
	
</head>
<body>
и замените на -
<!-- Скрипты магазина -->

<script type="text/javascript" src="{ASSETS_JS_PATH}main.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$('.nav li').hover(
function () {
//show its submenu
$('ul', this).stop().slideDown(100);
},
function () {
//hide its submenu
$('ul', this).stop().slideUp(100);
}
);
});
</script>	
	
</head>
<body>

Скорее всего из-за этого не работает вып. меню.

Не-а, всё равно не получается, заменила по инструкции, но всё равно упрямо не выпадает.

Что ж это за упрямое меню такое! Может ещё какая-нибудь ошибка спряталась?

#13 miyako

miyako

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

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

Отправлено 31 Август 2013 - 09:18

Просмотр сообщенияolgaderamos (31 Август 2013 - 08:27) писал:

Не-а, всё равно не получается, заменила по инструкции, но всё равно упрямо не выпадает.

Что ж это за упрямое меню такое! Может ещё какая-нибудь ошибка спряталась?

Код в main.css - 
#mainNav table td div a:hover ul {
display: block;
}
замените на - 
#mainNav table td div:hover ul {
display: block;
}

#14 olgaderamos

olgaderamos

    Продвинутый пользователь

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

Отправлено 31 Август 2013 - 10:20

Просмотр сообщенияmiyako (31 Август 2013 - 09:18) писал:

Код в main.css -
#mainNav table td div a:hover ul {
display: block;
}
замените на -
#mainNav table td div:hover ul {
display: block;
}

Спасибо, кое-что начало получаться.
Но только вот прям беда какая-то с этим меню. теперь выпадает, но только два из четырёх. И не очень красиво получается

#15 miyako

miyako

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

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

Отправлено 31 Август 2013 - 11:09

Просмотр сообщенияolgaderamos (31 Август 2013 - 10:20) писал:

Спасибо, кое-что начало получаться.
Но только вот прям беда какая-то с этим меню. теперь выпадает, но только два из четырёх. И не очень красиво получается

Посмотрите на код меню в шаблоне HTML - 
<div id="mainNav">
<table>
		 <tr>
				 <td class="first">
						 <div>
								 <a title="Здравствуйте!" href="/">Система EasiYo</a>
						 </div>
				 </td>
				 <td>
						 <div>
								 <a title="Почему я выбираю EasiYo?" href="/page/Почему-я-выбираю-EasiYo">Для вашего здоровья</a>
						 </div>
				 </td>
				 <td>
						 <div>
								 <a title="Продукция" href="http://yogurtdv.ru/page/Produkciya">Продукция</a>
		 <ul>
										 {% FOR menu %}
												 {% FOR header_products %}
														 {% FOR links %}
																 <li><a href="{menu.header_products.links.URL}" {% IF menu.header_products.links.SELECTED %}class="selected"{% ENDIF %} {% IF menu.header_products.links.TITLE %}title="{menu.header_products.links.TITLE}"{% ENDIF %}>{menu.header_products.links.NAME}</a></li>
														 {% ENDFOR %}
												 {% ENDFOR %}
										 {% ENDFOR %}
								 </ul>
						 </div>
				 </td>
				 <td>
						 <div>
								 <a title="Рецепты" href="http://yogurtdv.ru/page/Recept">Рецепты</a>
		 <ul>
										 {% FOR menu %}
												 {% FOR header_recipe %}
														 {% FOR links %}
																 <li><a href="{menu.header_recipe.links.URL}" {% IF menu.header_recipe.links.SELECTED %}class="selected"{% ENDIF %} {% IF menu.header_recipe.links.TITLE %}title="{menu.header_recipe.links.TITLE}"{% ENDIF %}>{menu.header_recipe.links.NAME}</a></li>
														 {% ENDFOR %}
												 {% ENDFOR %}
										 {% ENDFOR %}
								 </ul>
						 </div>
				 </td>
				 <td>
						 <div>
								 <a title="Полный список товаров на сайте" href="http://yogurtdv.ru/catalog">Купить</a>
						 </div>
				 </td>
				 <td>
						 <div>
								 <a title="Связь с администрацией магазина" href="http://yogurtdv.ru/feedback">Контакты</a>
						 </div>
				 </td>
				 <td class="last">
						 <div>
								 <a title="Вход в личный кабинет покупателя" href="http://yogurtdv.ru/user/login">Кабинет</a>
						 </div>
				 </td>
				 </tr>
</table>
</div>

у Вас прописаны пункты подменю только для двух блоков.

Код - 
<td class="first">
												 <div>
																 <a title="Здравствуйте!" href="/">Система EasiYo</a>
												 </div>
								 </td>
								 <td>
												 <div>
																 <a title="Почему я выбираю EasiYo?" href="/page/Почему-я-выбираю-EasiYo">Для вашего здоровья</a>
												 </div>
								 </td>
замените на - 
<td class="first">
												 <div>
																 <a title="Здравствуйте!" href="/">Система EasiYo</a>
												  <ul>
																				 {% FOR menu %}
																								 {% FOR header_sys %}
																												 {% FOR links %}
																																 <li><a href="{menu.header_sys.links.URL}" {% IF menu.header_sys.links.SELECTED %}class="selected"{% ENDIF %} {% IF menu.header_sys.links.TITLE %}title="{menu.header_sys.links.TITLE}"{% ENDIF %}>{menu.header_sys.links.NAME}</a></li>
																												 {% ENDFOR %}
																								 {% ENDFOR %}
																				 {% ENDFOR %}
																 </ul>
			
			
			
			 </div>
								 </td>
								 <td>
												 <div>
																 <a title="Почему я выбираю EasiYo?" href="/page/Почему-я-выбираю-EasiYo">Для вашего здоровья</a>
												 <ul>
																				 {% FOR menu %}
																								 {% FOR header_health %}
																												 {% FOR links %}
																																 <li><a href="{menu.header_health.links.URL}" {% IF menu.header_health.links.SELECTED %}class="selected"{% ENDIF %} {% IF menu.header_health.links.TITLE %}title="{menu.header_health.links.TITLE}"{% ENDIF %}>{menu.header_health.links.NAME}</a></li>
																												 {% ENDFOR %}
																								 {% ENDFOR %}
																				 {% ENDFOR %}
																 </ul>
			
			 </div>
								 </td>

#16 olgaderamos

olgaderamos

    Продвинутый пользователь

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

Отправлено 31 Август 2013 - 11:16

Просмотр сообщенияmiyako (31 Август 2013 - 11:09) писал:

Посмотрите на код меню в шаблоне HTML -
<div id="mainNav">
<table>
		 <tr>
				 <td class="first">
						 <div>
								 <a title="Здравствуйте!" href="/">Система EasiYo</a>
						 </div>
				 </td>
				 <td>
						 <div>
								 <a title="Почему я выбираю EasiYo?" href="/page/Почему-я-выбираю-EasiYo">Для вашего здоровья</a>
						 </div>
				 </td>
				 <td>
						 <div>
								 <a title="Продукция" href="http://yogurtdv.ru/page/Produkciya">Продукция</a>
		 <ul>
										 {% FOR menu %}
												 {% FOR header_products %}
														 {% FOR links %}
																 <li><a href="{menu.header_products.links.URL}" {% IF menu.header_products.links.SELECTED %}class="selected"{% ENDIF %} {% IF menu.header_products.links.TITLE %}title="{menu.header_products.links.TITLE}"{% ENDIF %}>{menu.header_products.links.NAME}</a></li>
														 {% ENDFOR %}
												 {% ENDFOR %}
										 {% ENDFOR %}
								 </ul>
						 </div>
				 </td>
				 <td>
						 <div>
								 <a title="Рецепты" href="http://yogurtdv.ru/page/Recept">Рецепты</a>
		 <ul>
										 {% FOR menu %}
												 {% FOR header_recipe %}
														 {% FOR links %}
																 <li><a href="{menu.header_recipe.links.URL}" {% IF menu.header_recipe.links.SELECTED %}class="selected"{% ENDIF %} {% IF menu.header_recipe.links.TITLE %}title="{menu.header_recipe.links.TITLE}"{% ENDIF %}>{menu.header_recipe.links.NAME}</a></li>
														 {% ENDFOR %}
												 {% ENDFOR %}
										 {% ENDFOR %}
								 </ul>
						 </div>
				 </td>
				 <td>
						 <div>
								 <a title="Полный список товаров на сайте" href="http://yogurtdv.ru/catalog">Купить</a>
						 </div>
				 </td>
				 <td>
						 <div>
								 <a title="Связь с администрацией магазина" href="http://yogurtdv.ru/feedback">Контакты</a>
						 </div>
				 </td>
				 <td class="last">
						 <div>
								 <a title="Вход в личный кабинет покупателя" href="http://yogurtdv.ru/user/login">Кабинет</a>
						 </div>
				 </td>
				 </tr>
</table>
</div>

у Вас прописаны пункты подменю только для двух блоков.

Код -
<td class="first">
												 <div>
																 <a title="Здравствуйте!" href="/">Система EasiYo</a>
												 </div>
								 </td>
								 <td>
												 <div>
																 <a title="Почему я выбираю EasiYo?" href="/page/Почему-я-выбираю-EasiYo">Для вашего здоровья</a>
												 </div>
								 </td>
замените на -
<td class="first">
												 <div>
																 <a title="Здравствуйте!" href="/">Система EasiYo</a>
												 <ul>
																				 {% FOR menu %}
																								 {% FOR header_sys %}
																												 {% FOR links %}
																																 <li><a href="{menu.header_sys.links.URL}" {% IF menu.header_sys.links.SELECTED %}class="selected"{% ENDIF %} {% IF menu.header_sys.links.TITLE %}title="{menu.header_sys.links.TITLE}"{% ENDIF %}>{menu.header_sys.links.NAME}</a></li>
																												 {% ENDFOR %}
																								 {% ENDFOR %}
																				 {% ENDFOR %}
																 </ul>
			
			
			
			 </div>
								 </td>
								 <td>
												 <div>
																 <a title="Почему я выбираю EasiYo?" href="/page/Почему-я-выбираю-EasiYo">Для вашего здоровья</a>
												 <ul>
																				 {% FOR menu %}
																								 {% FOR header_health %}
																												 {% FOR links %}
																																 <li><a href="{menu.header_health.links.URL}" {% IF menu.header_health.links.SELECTED %}class="selected"{% ENDIF %} {% IF menu.header_health.links.TITLE %}title="{menu.header_health.links.TITLE}"{% ENDIF %}>{menu.header_health.links.NAME}</a></li>
																												 {% ENDFOR %}
																								 {% ENDFOR %}
																				 {% ENDFOR %}
																 </ul>
			
			 </div>
								 </td>

ура, ура, ура, всё заработало!!! спасибо большое!

Теперь можно ещё, пожалуйста, изменить немного стиль меню, и основного и выпадающего.
Помогите, пожалуйста, немного закруглить и подкрасить меню, чтобы было покрасивее. например, чтобы края были покатыми и отливали голубым вместо серого.
заранее благодарю!

#17 Taisia

Taisia

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

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

Отправлено 31 Август 2013 - 12:40

серую окантовку вокруг меню у вас выводит изображение
можно его удалить и выводить границы свойством border
Но в этом случае в некоторых версиях IE это свойство может некорректно работать

если вы хотите оставить окантовку изображением то вам нужно его  и его  отредактировать в графическом редакторе заменив цвет на нужный вам
и там же закруглить уголки

#18 Taisia

Taisia

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

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

Отправлено 31 Август 2013 - 12:52

или второй вариант выводить средствами css

для этого в файле main.css найдите код

#mainNav {position: absolute;left: 5px;bottom: 0;height: 35px;background: url({ASSETS_IMAGES_PATH}nav_bg.jpg) no-repeat;}

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

#mainNav {position: absolute;left: 5px;bottom: 0;height: 35px;background: #87def2;border-radius: 10px;padding-bottom: 5px;}

далее там же найдите код


#mainNav table {float:left;border-collapse: collapse;border-spacing: 0;background: url({ASSETS_IMAGES_PATH}nav_bg_right.gif) no-repeat bottom right;padding: 5px 5px 0 0;height: 30px;margin:auto;}

и замените на код

#mainNav table {float:left;border-collapse: collapse;border-spacing: 0;padding: 5px 5px 0 0;height: 30px;margin:auto;}

#19 olgaderamos

olgaderamos

    Продвинутый пользователь

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

Отправлено 31 Август 2013 - 13:58

Просмотр сообщенияTaisia (31 Август 2013 - 12:52) писал:

или второй вариант выводить средствами css

для этого в файле main.css найдите код

#mainNav {position: absolute;left: 5px;bottom: 0;height: 35px;background: url({ASSETS_IMAGES_PATH}nav_bg.jpg) no-repeat;}

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

#mainNav {position: absolute;left: 5px;bottom: 0;height: 35px;background: #87def2;border-radius: 10px;padding-bottom: 5px;}

далее там же найдите код


#mainNav table {float:left;border-collapse: collapse;border-spacing: 0;background: url({ASSETS_IMAGES_PATH}nav_bg_right.gif) no-repeat bottom right;padding: 5px 5px 0 0;height: 30px;margin:auto;}

и замените на код

#mainNav table {float:left;border-collapse: collapse;border-spacing: 0;padding: 5px 5px 0 0;height: 30px;margin:auto;}

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

#20 miyako

miyako

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

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

Отправлено 01 Сентябрь 2013 - 08:51

Просмотр сообщенияolgaderamos (31 Август 2013 - 13:58) писал:

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

Вы хотите сделать окантовку у каждого выпадающего списка? Или блока?
Обратно в Изменение общей стилистики


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

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

  1. Форум владельцев интернет-магазинов
  2. → Вопросы работы сервиса StoreLand
  3. → Дизайн
  4. → Шаблон Мокко
  5. → Изменение общей стилистики
  6. Privacy Policy