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


А Можно Поменять Верхнее Меню С Каталогом Местами

Автор MariG, 16 марта 2011 22:40

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

#41 medisan

medisan

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

  • Пользователи
  • PipPipPip
  • 53 сообщений
  • ГородНовосибирск

Отправлено 11 Август 2011 - 12:45


#42 Vaccina

Vaccina

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

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

Отправлено 11 Август 2011 - 22:37

Хм. сделайте следующее - в файле стилей main.css найдите и замените следующие классы

Найти 

#nav {
	font-size: 15px;
	margin: 0;
	padding: 0 0 32px 7px;
}

заменить на

#nav {
	font-size: 15px;
	margin: 0;
	padding: 0 0 32px 7px;
	width: 230px;
}

далее найти 

#nav li a span {
	cursor: pointer;
	display: block;
	white-space: nowrap;
}

заменить на 

#nav li a span {
	cursor: pointer;
	display: block;
}

#43 medisan

medisan

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

  • Пользователи
  • PipPipPip
  • 53 сообщений
  • ГородНовосибирск

Отправлено 12 Август 2011 - 12:20

Спасибо, категории встали на место.
Но возникла другая проблема. Фильтр прилип к левому краю и появилась непонятная точка

#44 Vaccina

Vaccina

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

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

Отправлено 12 Август 2011 - 22:12

Хм. как и в данной теме http://forum.storela..._6447#entry6447

у вас идет нарушение структуры вложенности тегов

в данный момент теги у вас выглядят так

<li style="padding-bottom: 10px;">
<ul id="nav">
<style>
<li class="goods_filters">

элементы li должны находиться в элементе ul, а не отдельно. Попробуйте проверить все ли вы правильно сделали, возможно где то допустили ошибку

#45 medisan

medisan

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

  • Пользователи
  • PipPipPip
  • 53 сообщений
  • ГородНовосибирск

Отправлено 15 Август 2011 - 09:27

Спасибо Вам большоеИзображение
И сразу еще вопрос :rolleyes:
Возможно ли сделать отображение категорий и подкатегорий к примеру как тут А именно то что не в каждой категории есть подкатегории (в примере это сразу видно по средствам стрелочек)
И можно ли одной (или нескольких) категориям задать свой цвет/фон/смена цвета фона при наведении курсора?
Заранее спасибо.

#46 Vaccina

Vaccina

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

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

Отправлено 15 Август 2011 - 22:13

Возможно ли сделать отображение категорий и подкатегорий к примеру как тут А именно то что не в каждой категории есть подкатегории (в примере это сразу видно по средствам стрелочек)

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

class="{% IF catalog.NAME=Название категории %}КЛАСС CSS{% ENDIF %}"

и далее у же в css фале прописывать эти классы. для Задания стиля при наведении используется псевдокласс :hover

пример 

.cat_1 {
 color:red;
}

.cat_1:hover {
 color:black;
}

либо сделать немного по другому - это изменить блок в шаблоне "html" 

<li class="cat-item"> 
							<a href="{catalog.URL}" 
							  {% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("20")}px"{% ENDIF %}
							  {% IF catalog.CURRENT %}class="selected"{% ENDIF %}
							>{catalog.NAME}</a>
						  </li>

на 

<li class="cat-item cat{catalog.LEVEL}"> 
							<a href="{catalog.URL}" 
							  {% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("20")}px"{% ENDIF %}
							  {% IF catalog.CURRENT %}class="selected"{% ENDIF %}
							>{catalog.NAME}</a>
						  </li>

далее уже как и выше задавать классы в файле стилей.

#47 Flor@@@

Flor@@@

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

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

Отправлено 01 Ноябрь 2011 - 02:12

Просмотр сообщенияsupport (01 Июль 2011 - 15:58) писал:

В принципе сделать меню со страничками подобным образом можно, но это не совсем просто в текущем формате работы модуля, поэтому создать его на html в разделе "Сайт" > "Редактор тем" проще, чем создавать в разделе "Сайт" > "Меню" блоки меню, которые затем будут встраиваться в html код. Например так:
<!-- Верхний блок навигации -->
  <div class="containerin" id="top-menu">
	<ul class="pad-box cont620" id="mainmenu">
	  <li><a href="/" title="На главную">Главная</a>
		<ul>
		  {% FOR menu %}
			{% FOR header1 %}
			  {% FOR links %}
				<li><a href="{menu.header1.links.URL}" {% IF menu.header1.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header1.links.TITLE %}title="{menu.header1.links.TITLE}"{% ENDIF %}>{menu.header1.links.NAME}</a></li>
			  {% ENDFOR %}
			{% ENDFOR %}
		  {% ENDFOR %}
		</ul>
	  </li>
	   <li><a href="#" title="На главную">Каталог</a>
		<ul>
		  {% FOR menu %}
			{% FOR header %}
			  {% 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>
	  </li> 
<li><a href="#" title="На главную">Сертификаты</a>
		<ul>
		  {% FOR menu %}
			{% FOR header %}
			  {% 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>
	  </li>
	  <li><a href="#" title="На главную">Скидки</a>
		<ul>
		  {% FOR menu %}
			{% FOR header %}
			  {% FOR links %}
				<li><a href="{menu.header3.links.URL}" {% IF menu.header3.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header3.links.TITLE %}title="{menu.header3.links.TITLE}"{% ENDIF %}>{menu.header3.links.NAME}</a></li>
			  {% ENDFOR %}
			{% ENDFOR %}
		  {% ENDFOR %}
		</ul>
	  </li>
	  <li><a href="#" title="На главную">FAQ</a>
		<ul>
		  {% FOR menu %}
			{% FOR header %}
			  {% FOR links %}
				<li><a href="{menu.header4.links.URL}" {% IF menu.header4.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header4.links.TITLE %}title="{menu.header4.links.TITLE}"{% ENDIF %}>{menu.header4.links.NAME}</a></li>
			  {% ENDFOR %}
			{% ENDFOR %}
		  {% ENDFOR %}
		</ul>
	  </li>
  <li><a href="#" title="На главную">Помощь</a>
		<ul>
		  {% FOR menu %}
			{% FOR header %}
			  {% 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>
	  </li>
  <li><a href="#" title="На главную">Знаете ли вы?</a>
		<ul>
		  {% FOR menu %}
			{% FOR header %}
			  {% 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>
	  </li> 
  <li><a href="#" title="На главную">Доставка</a>
		<ul>
		  {% FOR menu %}
			{% FOR header %}
			  {% 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>
	  </li>
  <li><a href="#" title="На главную">Корзина</a>
		<ul>
		  {% FOR menu %}
			{% FOR header %}
			  {% 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>
	  </li>
  <li><a href="#" title="На главную">Контакты</a>
		<ul>
		  {% FOR menu %}
			{% FOR header %}
			  {% 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>
	  </li>  
	</ul>
	<div class="clr"></div>
  </div>
  <!-- end Верхний блок навигации -->

Но как видите из кода изменять верхние пункты меню (перемещать/переименовывать/изменять ссылки/добавлять новые пункты) придётся из редактора тем в шаблоне "html". Поскольку этот момент сейчас плохо автоматизирован и его приходится делать вручную, поэтому полностью сделать меню с удобной админкой в текущем формате не получается. Редактирование будет только для вложенных пунктов, а верхние менять надо будет ручками в коде. Эта задача пока еще лежит в задачнике в виде идеи...
Попробовала вставить это меню на сайт http://www.otdyh-i-son.ru. Подскажите где конкретно необходимо вставлять линки на страницы для выпадающего меню?

Сообщение отредактировал katteee: 01 Ноябрь 2011 - 07:44

#48 Flor@@@

Flor@@@

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

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

Отправлено 01 Ноябрь 2011 - 12:11

Просмотр сообщенияkatteee (01 Ноябрь 2011 - 02:12) писал:

Попробовала вставить это меню на сайт http://www.otdyh-i-son.ru. Подскажите где конкретно необходимо вставлять линки на страницы для выпадающего меню?
Есть кто-нибудь?

#49 Vaccina

Vaccina

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

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

Отправлено 01 Ноябрь 2011 - 18:09

Данные изменения нужно проделывать в шаблоне "HTML". Ссылки придется прописывать вручную например 

<a href="#" title="Каталог">Каталог</a>

на

<a href="http://{NET_DOMAIN}/catalog" title="Каталог">Каталог</a>

и т.д все корневые ссылки. А все подменю нужно будет создавать и править в разделе Сайт -> Меню

Заменять нужно блок 

<!-- Верхний блок навигации -->
	  <div class="containerin" id="top-menu">
		<ul class="pad-box cont620" id="mainmenu">
		  {% 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 class="clr"></div>
	  </div>
	  <!-- end Верхний блок навигации -->

#50 Flor@@@

Flor@@@

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

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

Отправлено 04 Ноябрь 2011 - 01:26

Просмотр сообщенияVaccina (01 Ноябрь 2011 - 18:09) писал:

Данные изменения нужно проделывать в шаблоне "HTML". Ссылки придется прописывать вручную например 

<a href="#" title="Каталог">Каталог</a>

на

<a href="http://{NET_DOMAIN}/catalog" title="Каталог">Каталог</a>

и т.д все корневые ссылки. А все подменю нужно будет создавать и править в разделе Сайт -> Меню

Заменять нужно блок 

<!-- Верхний блок навигации -->
	  <div class="containerin" id="top-menu">
		<ul class="pad-box cont620" id="mainmenu">
		  {% 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 class="clr"></div>
	  </div>
	  <!-- end Верхний блок навигации -->
Ссылки вручную прописала, новый блок меню в Html файл вставила, меню работает как обычно работало предыдущее меню, что делать дальше, чтобы создать выпадающее меню? как создать блоки подменю????

вот, например, 6-ая по счету кнопка меню:
  <li><a href="http://otdyh-i-son.r...бору-матраса-1" title="На главную">Помощь</a>
        <ul>
          {% FOR menu %}
            {% FOR header %}
              {% FOR links %}
                <li><a href="{menu.header6.links.http://otdyh-i-son.ru/page/Используемые-материалы-и-технологии-1}" {% IF menu.header6.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header6.links.TITLE %}title="{menu.header6.links.TITLE}"{% ENDIF %}>{menu.header6.links.NAME}</a></li>
              {% ENDFOR %}
            {% ENDFOR %}
          {% ENDFOR %}
        </ul>
      </li>

название кнопки верхнего МЕНЮ д.б. "информация для покупателя", кнопки подменю: "материалы", инструкция по выбору матраса", "FAQ" И Т.П.
что здесь нужно перепрописать?

Сообщение отредактировал katteee: 04 Ноябрь 2011 - 01:49

#51 Vaccina

Vaccina

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

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

Отправлено 04 Ноябрь 2011 - 19:30

Вам нужно изменить стили для меню. Для этого добавьте в файл стилей main.css 

#mainmenu {
 width: 100%;
}

#mainmenu li {
	 display: block;
	 float: left;
}

#mainmenu li ul {
	 background: none repeat scroll 0% 0% #000000;
	 position: absolute;
	 top: 40px;
	 z-index: 2;
}

#mainmenu li ul li {
	 display: block;
	 float: none;
}

#mainmenu li:hover ul {
	 display: block;
}

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

<ul id="mainmenu" class="pad-box cont620">
	   <li><a title="На главную" href="/">Главная</a>
		 <ul>
											</ul>
	   </li>
		<li><a title="На главную" href="http://www.otdyh-i-son.ru/catalog">Каталог</a>
		 <ul>
														<li><a href=""></a></li>
								<li><a href=""></a></li>
								<li><a href=""></a></li>
								<li><a href=""></a></li>
								<li><a href=""></a></li>
								<li><a href=""></a></li>
								<li><a href=""></a></li>
								<li><a href=""></a></li>
								<li><a href=""></a></li>
								<li><a href=""></a></li>
												</ul>
	   </li> 
 <li><a title="На главную" href="http://www.otdyh-i-son.ru/page/Сертификаты-1">Сертификаты</a>
		 <ul>
														<li><a href=""></a></li>
								<li><a href=""></a></li>
								<li><a href=""></a></li>
								<li><a href=""></a></li>
								<li><a href=""></a></li>
								<li><a href=""></a></li>
								<li><a href=""></a></li>
								<li><a href=""></a></li>
								<li><a href=""></a></li>
								<li><a href=""></a></li>
												</ul>
	   </li>
	   <li><a title="На главную" href="http://otdyh-i-son.ru/page/Скидки-1">Скидки</a>
		 <ul>
														<li><a href=""></a></li>
								<li><a href=""></a></li>
								<li><a href=""></a></li>
								<li><a href=""></a></li>
								<li><a href=""></a></li>
								<li><a href=""></a></li>
								<li><a href=""></a></li>
								<li><a href=""></a></li>
								<li><a href=""></a></li>
								<li><a href=""></a></li>
												</ul>
	   </li>
	   <li><a title="На главную" href="http://otdyh-i-son.ru/page/FAQ-1">FAQ</a>
		 <ul>
														<li><a href=""></a></li>
								<li><a href=""></a></li>
								<li><a href=""></a></li>
								<li><a href=""></a></li>
								<li><a href=""></a></li>
								<li><a href=""></a></li>
								<li><a href=""></a></li>
								<li><a href=""></a></li>
								<li><a href=""></a></li>
								<li><a href=""></a></li>
												</ul>
	   </li>
   <li><a title="На главную" href="http://otdyh-i-son.ru/page/Пошаговая-инструкция-по-выбору-матраса-1">Помощь</a>
		 <ul>
														<li><a href="{menu.header6.links.http://otdyh-i-son.ru/page/Используемые-материалы-и-технологии-1}"></a></li>
								<li><a href="{menu.header6.links.http://otdyh-i-son.ru/page/Используемые-материалы-и-технологии-1}"></a></li>
								<li><a href="{menu.header6.links.http://otdyh-i-son.ru/page/Используемые-материалы-и-технологии-1}"></a></li>
								<li><a href="{menu.header6.links.http://otdyh-i-son.ru/page/Используемые-материалы-и-технологии-1}"></a></li>
								<li><a href="{menu.header6.links.http://otdyh-i-son.ru/page/Используемые-материалы-и-технологии-1}"></a></li>
								<li><a href="{menu.header6.links.http://otdyh-i-son.ru/page/Используемые-материалы-и-технологии-1}"></a></li>
								<li><a href="{menu.header6.links.http://otdyh-i-son.ru/page/Используемые-материалы-и-технологии-1}"></a></li>
								<li><a href="{menu.header6.links.http://otdyh-i-son.ru/page/Используемые-материалы-и-технологии-1}"></a></li>
								<li><a href="{menu.header6.links.http://otdyh-i-son.ru/page/Используемые-материалы-и-технологии-1}"></a></li>
								<li><a href="{menu.header6.links.http://otdyh-i-son.ru/page/Используемые-материалы-и-технологии-1}"></a></li>
												</ul>
	   </li>
   <li><a title="На главную" href="http://otdyh-i-son.ru/page/Знаете-ли-вы-1">Знаете ли вы?</a>
		 <ul>
														<li><a href=""></a></li>
								<li><a href=""></a></li>
								<li><a href=""></a></li>
								<li><a href=""></a></li>
								<li><a href=""></a></li>
								<li><a href=""></a></li>
								<li><a href=""></a></li>
								<li><a href=""></a></li>
								<li><a href=""></a></li>
								<li><a href=""></a></li>
												</ul>
	   </li> 
   <li><a title="На главную" href="http://otdyh-i-son.ru/page/Доставка">Доставка</a>
		 <ul>
														<li><a href=""></a></li>
								<li><a href=""></a></li>
								<li><a href=""></a></li>
								<li><a href=""></a></li>
								<li><a href=""></a></li>
								<li><a href=""></a></li>
								<li><a href=""></a></li>
								<li><a href=""></a></li>
								<li><a href=""></a></li>
								<li><a href=""></a></li>
												</ul>
	   </li>
   <li><a title="На главную" href="http://otdyh-i-son.ru/cart">Корзина</a>
		 <ul>
														<li><a href=""></a></li>
								<li><a href=""></a></li>
								<li><a href=""></a></li>
								<li><a href=""></a></li>
								<li><a href=""></a></li>
								<li><a href=""></a></li>
								<li><a href=""></a></li>
								<li><a href=""></a></li>
								<li><a href=""></a></li>
								<li><a href=""></a></li>
												</ul>
	   </li>
   <li><a title="На главную" href="http://otdyh-i-son.ru/feedback">Контакты</a>
		 <ul>
														<li><a href=""></a></li>
								<li><a href=""></a></li>
								<li><a href=""></a></li>
								<li><a href=""></a></li>
								<li><a href=""></a></li>
								<li><a href=""></a></li>
								<li><a href=""></a></li>
								<li><a href=""></a></li>
								<li><a href=""></a></li>
								<li><a href=""></a></li>
												</ul>
	   </li>  
	 </ul>

т.е блоки пустые <li><a href=""></a></li>

Так же по поводу стилей выпадающего меню можно почитать тут http://forum.storela..._2072#entry2072

#52 Flor@@@

Flor@@@

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

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

Отправлено 06 Ноябрь 2011 - 00:36

то есть нужно заменить(???) все блоки или дополнить их(??):

<li><a href="http://otdyh-i-son.ru/page/FAQ-1" title="На главную">помощь</a>
         <ul>
           {% FOR menu %}
             {% FOR header %}
               {% FOR links %}
                 <li><a href="{menu.header4.links.URL}" {% IF menu.header4.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header4.links.TITLE %}title="{menu.header4.links.TITLE}"{% ENDIF %}>{menu.header4.links.NAME}</a></li>
               {% ENDFOR %}
             {% ENDFOR %}
           {% ENDFOR %}
         </ul>
       </li>

на:
<li><a title="На главную" href="http://otdyh-i-son.r...а-1">Помощь</a>
         <ul>
                                                        <li><a href="{menu.header6.links.http://otdyh-i-son.ru/page/Используемые-материалы-и-технологии-1}"></a></li>
                                <li><a href="{menu.header6.links.http://otdyh-i-son.ru/page/FAQ-1}">Часто задаваемые вопросы</a></li>
                                <li><a href="{menu.header6.links.http://otdyh-i-son.ru/page/Используемые-материалы-и-технологии-1}">Материалы и технологии</a></li>
                                <li><a href="{menu.header6.links.http://otdyh-i-son.ru/page/Используемые-материалы-и-технологии-1}"></a></li>
                                <li><a href="{menu.header6.links.http://otdyh-i-son.ru/page/Используемые-материалы-и-технологии-1}"></a></li>
                                <li><a href="{menu.header6.links.http://otdyh-i-son.ru/page/Используемые-материалы-и-технологии-1}"></a></li>
                                <li><a href="{menu.header6.links.http://otdyh-i-son.ru/page/Используемые-материалы-и-технологии-1}"></a></li>
                                <li><a href="{menu.header6.links.http://otdyh-i-son.ru/page/Используемые-материалы-и-технологии-1}"></a></li>
                                                </ul>
       </li>

Я заменила один из блоков ("помощь") таким образом, также в main.css добавила соответствующую запись, но кнопки "материалы-и-технологии" и "часто задаваемые вопросы" на сайте отразились некорректно - на месте суммы товаров в корзине, в выпадающее меню они не вставились, да и самого выпадающего меню не добавилось((((.

#53 Flor@@@

Flor@@@

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

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

Отправлено 06 Ноябрь 2011 - 00:52

вот так получилось после вставки кодов:

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

  • вид сайта 1.jpg

#54 Vaccina

Vaccina

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

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

Отправлено 07 Ноябрь 2011 - 17:10

У вас не должно быть ссылок вида 
{menu.header6.links.http://otdyh-i-son.ru/page/Используемые-материалы-и-технологии-1}
ссылки должны иметь вид 
{menu.header6.links.URL}
- эти ссылки для шаблонизатора.

Вот пример стандартного блока ссылок 

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

#55 Flor@@@

Flor@@@

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

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

Отправлено 07 Ноябрь 2011 - 23:24

Просмотр сообщенияVaccina (07 Ноябрь 2011 - 17:10) писал:

У вас не должно быть ссылок вида 
{menu.header6.links.http://otdyh-i-son.ru/page/Используемые-материалы-и-технологии-1}
ссылки должны иметь вид 
{menu.header6.links.URL}
- эти ссылки для шаблонизатора.

Вот пример стандартного блока ссылок 

{% 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 %}
я уже окончательно запуталась как же тогда сюда вставить урл? Или как прописать ссылки-то? на 2-3 статьи, например на: знаете ли вы? и пошаговую инструкцию??
<li><a href="http://otdyh-i-son.ru/page/FAQ-1" title="На главную">помощь</a>
<ul>
{% FOR menu %}
{% FOR header %}
{% FOR links %}
<li><a href="{menu.header4.links.URL}" {% IF menu.header4.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header4.links.TITLE %}title="{menu.header4.links.TITLE}"{% ENDIF %}>{menu.header4.links.NAME}</a></li>
{% ENDFOR %}
{% ENDFOR %}
{% ENDFOR %}
</ul>
</li>
Куда конкретно их поставить???
блок меню для выпадающего меню я создала.

Нужно ли заменять блоки:
<li><a href="http://otdyh-i-son.ru/page/FAQ-1" title="На главную">помощь</a>
<ul>
{% FOR menu %}
{% FOR header %}
{% FOR links %}
<li><a href="{menu.header4.links.URL}" {% IF menu.header4.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header4.links.TITLE %}title="{menu.header4.links.TITLE}"{% ENDIF %}>{menu.header4.links.NAME}</a></li>
{% ENDFOR %}
{% ENDFOR %}
{% ENDFOR %}
</ul>
</li>

на вот такие???:
<li><a title="На главную" href="http://otdyh-i-son.r...а-1">Помощь</a>
<ul>
<li><a href="{menu.header6.links.http://otdyh-i-son.ru/page/Используемые-материалы-и-технологии-1}"></a></li>
<li><a href="{menu.header6.links.http://otdyh-i-son.ru/page/FAQ-1}">Часто задаваемые вопросы</a></li>
<li><a href="{menu.header6.links.http://otdyh-i-son.ru/page/Используемые-материалы-и-технологии-1}">Материалы и технологии</a></li>
<li><a href="{menu.header6.links.http://otdyh-i-son.ru/page/Используемые-материалы-и-технологии-1}"></a></li>
<li><a href="{menu.header6.links.http://otdyh-i-son.ru/page/Используемые-материалы-и-технологии-1}"></a></li>
<li><a href="{menu.header6.links.http://otdyh-i-son.ru/page/Используемые-материалы-и-технологии-1}"></a></li>
<li><a href="{menu.header6.links.http://otdyh-i-son.ru/page/Используемые-материалы-и-технологии-1}"></a></li>
<li><a href="{menu.header6.links.http://otdyh-i-son.ru/page/Используемые-материалы-и-технологии-1}"></a></li>
</ul>
</li>

#56 Vaccina

Vaccina

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

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

Отправлено 08 Ноябрь 2011 - 18:39

Пожалуйста, прочтите еще раз эту тему а именно начиная с поста http://forum.storela...ndpost__p__4795

Блоки должны генерироваться автоматически, за исключением первого уровня который необходимо проставить вручную. Так же нужно создать необходимое количество меню в разделе Сайт -> Меню

#57 Flor@@@

Flor@@@

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

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

Отправлено 08 Ноябрь 2011 - 22:09

Просмотр сообщенияVaccina (08 Ноябрь 2011 - 18:39) писал:

Пожалуйста, прочтите еще раз эту тему а именно начиная с поста http://forum.storela...ndpost__p__4795

Блоки должны генерироваться автоматически, за исключением первого уровня который необходимо проставить вручную. Так же нужно создать необходимое количество меню в разделе Сайт -> Меню
То есть я заменяю:
Заменять нужно блок 

<!-- Верхний блок навигации -->
	  <div class="containerin" id="top-menu">
		<ul class="pad-box cont620" id="mainmenu">
		  {% 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 class="clr"></div>
	  </div>
	  <!-- end Верхний блок навигации -->

На:
 
<!-- Верхний блок навигации -->
<div class="containerin" id="top-menu">
  <ul class="pad-box cont620" id="mainmenu">
	<li><a href="/" title="На главную">Главная</a>
	  <ul>
		{% FOR menu %}
		  {% FOR header1 %}
			{% FOR links %}
			  <li><a href="{menu.header1.links.URL}" {% IF menu.header1.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header1.links.TITLE %}title="{menu.header1.links.TITLE}"{% ENDIF %}>{menu.header1.links.NAME}</a></li>
			{% ENDFOR %}
		  {% ENDFOR %}
		{% ENDFOR %}
	  </ul>
	</li>
	<li><a href="#" title="На главную">Ссылка 2</a>
	  <ul>
		{% FOR menu %}
		  {% FOR header %}
			{% 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>
	</li>
	<li><a href="#" title="На главную">Ссылка 3</a>
	  <ul>
		{% FOR menu %}
		  {% FOR header %}
			{% FOR links %}
			  <li><a href="{menu.header3.links.URL}" {% IF menu.header3.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header3.links.TITLE %}title="{menu.header3.links.TITLE}"{% ENDIF %}>{menu.header3.links.NAME}</a></li>
			{% ENDFOR %}
		  {% ENDFOR %}
		{% ENDFOR %}
	  </ul>
	</li>
	<li><a href="#" title="На главную">Ссылка 4</a>
	  <ul>
		{% FOR menu %}
		  {% FOR header %}
			{% FOR links %}
			  <li><a href="{menu.header4.links.URL}" {% IF menu.header4.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header4.links.TITLE %}title="{menu.header4.links.TITLE}"{% ENDIF %}>{menu.header4.links.NAME}</a></li>
			{% ENDFOR %}
		  {% ENDFOR %}
		{% ENDFOR %}
	  </ul>
	</li>
  </ul>
  <div class="clr"></div>
</div>
<!-- end Верхний блок навигации -->
Затем прописываю:
В CSS поставить код:
Вам нужно изменить стили для меню. Для этого добавьте в файл стилей main.css

#mainmenu {
width: 100%;
}

#mainmenu li {
     display: block;
     float: left;
}

#mainmenu li ul {
     background: none repeat scroll 0% 0% #000000;
     position: absolute;
     top: 40px;
     z-index: 2;
}

#mainmenu li ul li {
     display: block;
     float: none;
}

#mainmenu li:hover ul {
     display: block;
}
Поставить заменой или дополнительно???

  <li><a href="#" title="На главную">Помощь</a>
        <ul>
          {% FOR menu %}
            {% FOR header %}
              {% 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>
      </li> »
следующие блоки  сгенерируются сами??? вот так они будут выглядеть...:
«<li><a title="На главную" href="http://www.otdyh-i-s...og">Каталог</a>
         <ul
                                                        <li><a href=""></a></li>
                                <li><a href=""></a></li>
                                <li><a href=""></a></li>
                                <li><a href=""></a></li>
                                <li><a href=""></a></li>
                                <li><a href=""></a></li>
                                <li><a href=""></a></li>
                                <li><a href=""></a></li>
                                <li><a href=""></a></li>
                                <li><a href=""></a></li>
                                                </ul>
       </li> »,

указав ссылки?? То что ссылки ставятся в “” (кавычки) и название страницы вместо href  я поняла. Но как правильно их указать????
Вот так: {menu.header3.links.http://otdyh-i-son.ru/page/Используемые-материалы-и-технологии-1}
или вот так:
<li><a помощь="на страницу материалы и технологии"> http://otdyh-i-son.r...ру-матраса-1</a
         <ul>
                                                        <li><a знаете ли вы?=" http://otdyh-i-son.r...вы-1"></a></li>
  
(специльный блок под меню я уже создала давно: оно называется: Верхнее меню 3 {menu.header3}

Поправьте меня, плиз, есл не права, ибо делаю уже ночью на сонную голову…

#58 Flor@@@

Flor@@@

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

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

Отправлено 11 Ноябрь 2011 - 15:59

И еще вопрос:
при открывании конкретной категории каталога хотелось иметь возможность добавить текст об этой категории, например, товары вот в этой товарной категории:
http://otdyh-i-son.r...серии-премиум-1 , у меня идут не по ценам совмместной покупки, а по проводимым периодически акциям, как мне это указать?

И где прописывать ссылки со страницы на страницу? в файле Html?
Где прописан в CSS цвет ссылок в body? а то они на данном фоне плохо читабельны.
если удобно, то давайте вместо ответов ссылки.

#59 Vaccina

Vaccina

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

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

Отправлено 12 Ноябрь 2011 - 17:10

Вам нужен вставить блок 

<!-- Верхний блок навигации -->
<div class="containerin" id="top-menu">
<ul class="pad-box cont620" id="mainmenu">
<li><a href="/" title="На главную">Главная</a>
<ul>
{% FOR menu %}
{% FOR header1 %}
{% FOR links %}
<li><a href="{menu.header1.links.URL}" {% IF menu.header1.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header1.links.TITLE %}title="{menu.header1.links.TITLE}"{% ENDIF %}>{menu.header1.links.NAME}</a></li>
{% ENDFOR %}
{% ENDFOR %}
{% ENDFOR %}
</ul>
</li>
<li><a href="#" title="На главную">Ссылка 2</a>
<ul>
{% FOR menu %}
{% FOR header %}
{% 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>
</li>
<li><a href="#" title="На главную">Ссылка 3</a>
<ul>
{% FOR menu %}
{% FOR header %}
{% FOR links %}
<li><a href="{menu.header3.links.URL}" {% IF menu.header3.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header3.links.TITLE %}title="{menu.header3.links.TITLE}"{% ENDIF %}>{menu.header3.links.NAME}</a></li>
{% ENDFOR %}
{% ENDFOR %}
{% ENDFOR %}
</ul>
</li>
<li><a href="#" title="На главную">Ссылка 4</a>
<ul>
{% FOR menu %}
{% FOR header %}
{% FOR links %}
<li><a href="{menu.header4.links.URL}" {% IF menu.header4.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header4.links.TITLE %}title="{menu.header4.links.TITLE}"{% ENDIF %}>{menu.header4.links.NAME}</a></li>
{% ENDFOR %}
{% ENDFOR %}
{% ENDFOR %}
</ul>
</li>
</ul>
<div class="clr"></div>
</div>

тут 

<li><a href="/" title="На главную">Главная</a>
<ul>
{% FOR menu %}
{% FOR header1 %}
{% FOR links %}
<li><a href="{menu.header1.links.URL}" {% IF menu.header1.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header1.links.TITLE %}title="{menu.header1.links.TITLE}"{% ENDIF %}>{menu.header1.links.NAME}</a></li>
{% ENDFOR %}
{% ENDFOR %}
{% ENDFOR %}
</ul>
</li>

это один пункт и подпункты. Из них 
<li><a href="/" title="На главную">Главная</a>
ссылка на пункт а 

<ul>
{% FOR menu %}
{% FOR header1 %}
{% FOR links %}
<li><a href="{menu.header1.links.URL}" {% IF menu.header1.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header1.links.TITLE %}title="{menu.header1.links.TITLE}"{% ENDIF %}>{menu.header1.links.NAME}</a></li>
{% ENDFOR %}
{% ENDFOR %}
{% ENDFOR %}
</ul>

это автоматическое с генерированное меню ссылками на подпункты, данное меню создается в разделе Сайт->Меню

menu.header1.links.URL
- это шаблонизаторский код. 
header1
- это название меню которое вы задаете в том же разделе Сайт->Меню при создании меню "Имя переменной в шаблоне"

В следующем блоке 

<li><a href="#" title="На главную">Ссылка 2</a>
<ul>
{% FOR menu %}
{% FOR header %}
{% 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>
</li>

Корневой пункт 
<li><a href="#" title="На главную">Ссылка 2</a>
вам нужно именно в таких пунктах задавать ссылки вручную, а все остальные подпункты прописывать  в разделе Сайт->Меню в созданном блоке. В приведенном примере был создано новое меню menu.header2 и "Имя переменной в шаблоне" было задано как header2


Цитата

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

Данный текст вы можете прописать в разделе редактирования категории "Краткое описание". Для этого в разделе товар выделите нужную категорию, и нажмите на кнопку в верхнем меню "Редактирования всех параметров товарной категории"

Цитата

И где прописывать ссылки со страницы на страницу? в файле Html?
Обычно ссылки прописываются в описании к товару или в описании страницы.

Цитата

Где прописан в CSS цвет ссылок в body? а то они на данном фоне плохо читабельны.
Класс для ссылок задан в теге a файла main.css пример:

a {
	color: #CCFFCC;
	text-decoration: none;
}
a:hover {
	color: #333333;
	text-decoration: underline;
}

#60 Flor@@@

Flor@@@

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

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

Отправлено 13 Ноябрь 2011 - 09:12

Когда я вставляю вместо своего верхнего блока навигации вот этот блок:

<!-- Верхний блок навигации -->
<div class="containerin" id="top-menu">
<ul class="pad-box cont620" id="mainmenu">
<li><a href="/" title="На главную">Главная</a>
<ul>
{% FOR menu %}
{% FOR header1 %}
{% FOR links %}
<li><a href="{menu.header1.links.URL}" {% IF menu.header1.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header1.links.TITLE %}title="{menu.header1.links.TITLE}"{% ENDIF %}>{menu.header1.links.NAME}</a></li>
{% ENDFOR %}
{% ENDFOR %}
{% ENDFOR %}
</ul>
</li>
<li><a href="#" title="На главную">Ссылка 2</a>
<ul>
{% FOR menu %}
{% FOR header %}
{% 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>
</li>
<li><a href="#" title="На главную">Ссылка 3</a>
<ul>
{% FOR menu %}
{% FOR header %}
{% FOR links %}
<li><a href="{menu.header3.links.URL}" {% IF menu.header3.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header3.links.TITLE %}title="{menu.header3.links.TITLE}"{% ENDIF %}>{menu.header3.links.NAME}</a></li>
{% ENDFOR %}
{% ENDFOR %}
{% ENDFOR %}
</ul>
</li>
<li><a href="#" title="На главную">Ссылка 4</a>
<ul>
{% FOR menu %}
{% FOR header %}
{% FOR links %}
<li><a href="{menu.header4.links.URL}" {% IF menu.header4.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header4.links.TITLE %}title="{menu.header4.links.TITLE}"{% ENDIF %}>{menu.header4.links.NAME}</a></li>
{% ENDFOR %}
{% ENDFOR %}
{% ENDFOR %}
</ul>
</li>
</ul>
<div class="clr"></div>
</div>

сайт выглядит вот так^

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

  • вид сайта 4.jpg

Обратно в Вопросы общие для всех шаблонов


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

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

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