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


Навигация Меню


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

#121 Taisia

Taisia

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

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

Отправлено 25 Май 2013 - 10:46

что бы убрать то что обведено на картинке в файле main.css найдите код

.goodsListingTopNavigation {
font-size: 0.8em;
width: 100%;
}


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

.goodsListingTopNavigation {
font-size: 0.8em;
width: 100%;
display: none;
}

и код

.page-headline {
height: 81px;
position: relative;
}

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

.page-headline {
height: 81px
position: relative;
display: none;
}

что бы изменить цвет текста у имени товара

вставьте в конец файла main.css код
.contm a
{
color:#390;
}

что бы сделать картинки активными найдите в файле html код

{% IFNOT catalog.HIDE %}
{%IF catalog.NAME = Суши %}
							  <img src="http://files.storeland.ru/web/upload/sitefiles/6/543/542498/sushi.jpg" />
								{%ELSEIF catalog.NAME = Роллы %}
								<img src="http://files.storeland.ru/web/upload/sitefiles/6/543/542494/roll.jpg" />
						  
								{%ELSEIF catalog.NAME = Сеты %}
								<img src="http://files.storeland.ru/web/upload/sitefiles/6/543/542497/set.jpg" />
								{%ELSEIF catalog.NAME = Сашими %}
								<img src="http://files.storeland.ru/web/upload/sitefiles/6/543/542496/sashimi.jpg" />
								{%ELSEIF catalog.NAME = Десерты %}
								<img src="http://files.storeland.ru/web/upload/sitefiles/6/543/542492/desert.jpg" />
							   
								{%ELSEIF catalog.NAME = Салаты %}
								<img src="http://files.storeland.ru/web/upload/sitefiles/6/543/542495/salat.jpg" />
								{%ELSEIF catalog.NAME = Напитки %}
								<img src="http://files.storeland.ru/web/upload/sitefiles/6/543/542493/napitki.jpg" />
						  
								{%ELSEIF catalog.NAME = Название категории4 %}
						  
								{%ENDIF%}


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

{% IFNOT catalog.HIDE %}
{%IF catalog.NAME = Суши %}
								<a href="{catalog.URL}"><img src="http://files.storeland.ru/web/upload/sitefiles/6/543/542498/sushi.jpg" /></a>
								{%ELSEIF catalog.NAME = Роллы %}
							   <a href="{catalog.URL}"> <img src="http://files.storeland.ru/web/upload/sitefiles/6/543/542494/roll.jpg" /></a>
						  
								{%ELSEIF catalog.NAME = Сеты %}
							   <a href="{catalog.URL}"> <img src="http://files.storeland.ru/web/upload/sitefiles/6/543/542497/set.jpg" /></a>
								{%ELSEIF catalog.NAME = Сашими %}
							  <a href="{catalog.URL}">  <img src="http://files.storeland.ru/web/upload/sitefiles/6/543/542496/sashimi.jpg" /></a>
								{%ELSEIF catalog.NAME = Десерты %}
							  <a href="{catalog.URL}">  <img src="http://files.storeland.ru/web/upload/sitefiles/6/543/542492/desert.jpg" /></a>
							   
								{%ELSEIF catalog.NAME = Салаты %}
							  <a href="{catalog.URL}">  <img src="http://files.storeland.ru/web/upload/sitefiles/6/543/542495/salat.jpg" /></a>
								{%ELSEIF catalog.NAME = Напитки %}
							  <a href="{catalog.URL}">  <img src="http://files.storeland.ru/web/upload/sitefiles/6/543/542493/napitki.jpg" /></a>
						  
								{%ELSEIF catalog.NAME = Название категории4 %}
						  
								{%ENDIF%}


#122 Taisia

Taisia

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

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

Отправлено 25 Май 2013 - 12:17




найдите код

.leftmenu li h2 {
font: bold 30px/20px Helvetica, "Trebuchet MS", Arial, sans-serif;
color: #069;
text-transform: uppercase;
}


и замените на

.leftmenu li h2 {
font: bold 30px/20px Helvetica, "Trebuchet MS", Arial, sans-serif;
color:#228B22
text-transform: uppercase;
}


#123 Taisia

Taisia

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

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

Отправлено 25 Май 2013 - 12:35

Для изменения цвета надписи меню
в файле main.css найдите код

.leftmenu li h2 a {
color: #069;
}

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

.leftmenu li h2 a {
color: #228B22;
}


#124 Taisia

Taisia

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

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

Отправлено 25 Май 2013 - 14:02

что бы убрать окантовку у фотографий найдите в файле main.css код

.listing .imagem {
position: relative;
display: inline;
float: left;
width: 220px;
margin-right: 10px;
border: 1px solid #D6D6D6;
text-align: center;
background: #FFF;
padding: 1px;
}

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

.listing .imagem {
position: relative;
display: inline;
float: left;
width: 220px;
margin-right: 10px;
text-align: center;
background: #FFF;
padding: 1px;
}

для того что бы убрать окантовку у фотографий найдите код в main.css

.listing .imagem {
position: relative;
display: inline;
float: left;
width: 220px;
margin-right: 10px;
border: 1px solid #D6D6D6;
text-align: center;
background: #FFF;
padding: 1px;
}

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

.listing .imagem {
position: relative;
display: inline;
float: left;
width: 220px;
margin-right: 10px;
text-align: center;
background: #FFF;
padding: 1px;
}

для пунктов меню

найдите код

.leftmenu li li a {
display: block;
padding: 5px 10px;
border-bottom: 1px solid #D6D6D6;
font: normal 25px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #999999;
text-decoration: none;
}

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

.leftmenu li li a {
display: block;
padding: 5px 10px;
font: normal 25px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #999999;
text-decoration: none;
}


#125 Аксолотль

Аксолотль

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

  • Пользователи
  • PipPipPip
  • 52 сообщений
  • ГородВолгодонск, Москва, Тверь

Отправлено 10 Февраль 2014 - 13:25

Привет. Помогите вставить навигацию с сайта.
скачал и загрузил картинки и styles.
Наше куда вставить html, но вот как то с файлом styles не завязался. Что делать?

SL-269324 дизайн техника


.

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

  • ав.jpg
  • gorizontalnoe_menu_dlya_saita.PNG


#126 Vaccina

Vaccina

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

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

Отправлено 11 Февраль 2014 - 03:45

данного меню сейчас не обнаружила у вас на сайте, так же в шаблоне HTML не увидела подключение к загруженным файлам

#127 m-ya-v

m-ya-v

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

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

Отправлено 01 Декабрь 2014 - 14:25

Добрый день, такая же проблема как у автора этой темы. Все сделала по инструкциям, в итоге удалилось все меню верхнее, остался только пункт меню  Главная.

Номер аккаунта: 180836
сайт: www.green-profie.ru

....что я могла делать не так, подскажите пожалуйста.
Если смотреть пошагово:
1. я сделала сначала дополнительное меню (прикрепила рисунок)
2. Как хотелось бы чтобы вышло: (прикрепила рисунок)

Как тогда надо изменить этот блок, если у меня 4 подпункта, которые надо прикрепить к основному пункту в меню: Ландшафтное озеленение
Выделенные жирным слова не понятно как для моего случая применить, Шаблон Сияние...
<!-- Верхний блок навигации -->
<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 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>
</li>
<li><a href="ссылка" title="На главную">О нас</a>
<ul>
{% FOR menu %}
{% FOR header3 %}
{% 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>
</ul>
<div class="clr"></div>
</div>
<!-- end Верхний блок навигации -->
Буду очень благодарна за пояснительный ответ

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

  • Рисунок1.png
  • Рисунок2.png


#128 Vaccina

Vaccina

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

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

Отправлено 05 Декабрь 2014 - 00:56

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

<!-- Верхний блок навигации -->
<div class="containerin" id="top-menu">
  <ul class="pad-box cont620" id="mainmenu">
	<li><a href="/" title="На главную">Главная</a></li>
	<li><a href="ссылка" title="На главную">Инфа</a>
	  <ul>
		{% FOR menu %}
		  {% FOR midsize %}
			{% FOR links %}
			   <li><a href="{menu.midsize.links.URL}" {% IF menu.midsize.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.midsize.links.TITLE %}title="{menu.midsize.links.TITLE}"{% ENDIF %}>{menu.midsize.links.NAME}</a></li>
			{% ENDFOR %}
		  {% ENDFOR %}
		{% ENDFOR %}
	  </ul>
	</li>
	<li><a href="ссылка" title="На главную">О нас</a></li>
  </ul>
  <div class="clr"></div>
</div>
<!-- end Верхний блок навигации -->

т.е. тут имеется 2 корневых пункта (они задаются вручную) и имеется одно вложенное (созданное вами с именем menu.midsize меню). У вас на данный момент сайт закрыт от просмотра, поэтому точный ответ дать затруднительно.

#129 m-ya-v

m-ya-v

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

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

Отправлено 05 Декабрь 2014 - 09:59

Просмотр сообщенияVaccina (05 Декабрь 2014 - 00:56) писал:

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

<!-- Верхний блок навигации -->
<div class="containerin" id="top-menu">
<ul class="pad-box cont620" id="mainmenu">
<li><a href="/" title="На главную">Главная</a></li>
<li><a href="ссылка" title="На главную">Инфа</a>
	 <ul>
	 {% FOR menu %}
		 {% FOR midsize %}
		 {% FOR links %}
			 <li><a href="{menu.midsize.links.URL}" {% IF menu.midsize.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.midsize.links.TITLE %}title="{menu.midsize.links.TITLE}"{% ENDIF %}>{menu.midsize.links.NAME}</a></li>
		 {% ENDFOR %}
		 {% ENDFOR %}
	 {% ENDFOR %}
	 </ul>
</li>
<li><a href="ссылка" title="На главную">О нас</a></li>
</ul>
<div class="clr"></div>
</div>
<!-- end Верхний блок навигации -->

т.е. тут имеется 2 корневых пункта (они задаются вручную) и имеется одно вложенное (созданное вами с именем menu.midsize меню). У вас на данный момент сайт закрыт от просмотра, поэтому точный ответ дать затруднительно.

Вставила этот код, даже если  я поменяю названия на свой- получается так: первое вложение. Итог: пропало главное меню и встало подменю. А надо чтобы было так: второе вложение...

Уже, две недели не могу сделать всплывающее меню...помогите, пожалуйста. разобраться...

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

  • Рисунок11.png
  • Рисунок12.png


#130 Vaccina

Vaccina

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

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

Отправлено 06 Декабрь 2014 - 00:41

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

#131 m-ya-v

m-ya-v

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

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

Отправлено 08 Декабрь 2014 - 11:01

Просмотр сообщенияVaccina (06 Декабрь 2014 - 00:41) писал:

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

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

#132 m-ya-v

m-ya-v

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

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

Отправлено 08 Декабрь 2014 - 11:12

Просмотр сообщенияm-ya-v (05 Декабрь 2014 - 09:59) писал:

Вставила этот код, даже если  я поменяю названия на свой- получается так: первое вложение. Итог: пропало главное меню и встало подменю. А надо чтобы было так: второе вложение...

Уже, две недели не могу сделать всплывающее меню...помогите, пожалуйста. разобраться...

Я уже в конец запуталась, что мне вставлять??

<!-- Верхний блок навигации -->
<div class="containerin" id="top-menu">
  <ul class="pad-box cont620" id="mainmenu">
<li><a href="/" title="На главную">Главная</a></li>
<li><a href="ссылка" title="На главную">Инфа</a>
  <ul>
{% FOR menu %}
  {% FOR midsize %}
{% FOR links %}
   <li><a href="{menu.midsize.links.URL}" {% IF menu.midsize.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.midsize.links.TITLE %}title="{menu.midsize.links.TITLE}"{% ENDIF %}>{menu.midsize.links.NAME}</a></li>
{% ENDFOR %}
  {% ENDFOR %}
{% ENDFOR %}
  </ul>
</li>
<li><a href="ссылка" title="На главную">О нас</a></li>
  </ul>
  <div class="clr"></div>
</div>
<!-- end Верхний блок навигации -->


или

Здравствуйте, для того что бы добавить выпадающее меню
найдите в html
<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>
замените на

<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 %}
<li><a href="ссылка" title="Ландшафтное озеленение">Ландшафтное озеленение</a>
<ul>
{% FOR menu %}
{% FOR midsize %}
{% FOR links %}
<li><a href="{menu.midsize.links.URL}" {% IF menu.midsize.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.midsize.links.TITLE %}title="{menu.midsize.links.TITLE}"{% ENDIF %}>{menu.midsize.links.NAME}</a></li>
{% ENDFOR %}
{% ENDFOR %}
{% ENDFOR %}
</ul>
</li>
</ul>
<div class="clr"></div>
</div>
Что из этого пробовать....чтобы наконец получилось всплывающее меню... Мне надо чтобы выпадало так

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

  • Рисунок1.png


#133 Ирина345

Ирина345

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

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

Отправлено 08 Декабрь 2014 - 12:12

Просмотр сообщенияm-ya-v (08 Декабрь 2014 - 11:12) писал:

Я уже в конец запуталась, что мне вставлять??


Что из этого пробовать....чтобы наконец получилось всплывающее меню... Мне надо чтобы выпадало так
Здравствуйте, не дублируйте пожалуйста сообщения Вам ответили в данной теме форума.
http://forum.storela...ите-с-отзывами/

#134 ceylon-ayurveda

ceylon-ayurveda

    Новичок

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

Отправлено 07 Май 2020 - 15:31

Здравствуйте!
Помогите, пожалуйста, сделать следующее:
1. Убрать страницу Категории. Так как категории будут располагаться в верхнем меню.
2. Категории расположить в верхнем меню. То есть, вместо ссылки "Каталог" будет  название Категорий.



Вопрос не актуален, догадалась, как сделать. Спасибо.




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

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