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


Помогите С Меню

меню

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

#1 igorka888

igorka888

    Новичок

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

Отправлено 03 Ноябрь 2014 - 22:48

Как сделать такое меню как на 2-ой картинке.????

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

  • ьу2.png
  • newnew.png


#2 Danil

Danil

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

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 03 Ноябрь 2014 - 23:01

Просмотр сообщенияigorka888 (03 Ноябрь 2014 - 22:48) писал:

Как сделать такое меню как на 2-ой картинке.????
Здравствуйте.
Данный шаблон является адаптивным и уже настроен под все существующие разрешения. Скорее всего вы получили такое отображение сайте в результате уменьшения окна браузера на компьютере, но подобного отображения на других устройствах(планшет, нетбук и т.д.) вы не увидите.

#3 Rainbow7778

Rainbow7778

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

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

Отправлено 09 Январь 2015 - 14:19

Аккаунт SL-325895 | Вопросы по http://vedalad.com

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

Как в разделе Каталог, где отображаются и новинки и пр. сделать меню из 8 групп товаров не нарушив пропрорций. Просто добавить +4 группы товаров?

Как поменять текст страницы "вход в ЛК" и "регистрация"(можно ли добавить дополнительные поля?)

#4 Danil

Danil

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

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 09 Январь 2015 - 17:13

Просмотр сообщенияRainbow7778 (09 Январь 2015 - 14:19) писал:

Аккаунт SL-325895 | Вопросы по http://vedalad.com

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

Как в разделе Каталог, где отображаются и новинки и пр. сделать меню из 8 групп товаров не нарушив пропрорций. Просто добавить +4 группы товаров?

Как поменять текст страницы "вход в ЛК" и "регистрация"(можно ли добавить дополнительные поля?)
Здравствуйте.
Мы знаем о двойном каталоге, данная ошибка уже отправлена разработчикам.
Пункты меню вы можете редактировать(название, порядок и т.д.) в разделе сайт-меню.
Чтобы добавить категорию или по другому группу товаров, зайдите в раздел Товары-Товары, и в столбце  "Каталог товаров на сайте" добавьте еще 4 категории.

#5 Rainbow7778

Rainbow7778

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

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

Отправлено 18 Январь 2015 - 18:59

Просмотр сообщенияDanil (09 Январь 2015 - 17:13) писал:

Здравствуйте.
Мы знаем о двойном каталоге, данная ошибка уже отправлена разработчикам.
Интернет магазин будет открыт уже на этой неделе, до конца января. Что я смогу прямо сейчас сделать с отображением тела страницы Каталог?
Могу ли я внести правку в код структуры в HTML или main.css ? Например, временно скрыть отображение, без его удаления.

#6 Vaccina

Vaccina

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

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

Отправлено 21 Январь 2015 - 00:58

Цитата

В меню внутри шапки сайта пункт "каталог" встречается дважды после отображения главная страница -> каталог.
Первый раздел мне нужно первый раздел переименовать на "О компании"
В шаблоне HTML найдите:
<div>
				<ul class="menuLowRes" style="display:none;">
				 <li><a class="menuparent" href="http://{NET_DOMAIN}/catalog">Каталог</a></li>
				 {% FOR menu %}
				   {% FOR header %}
					 {% FOR links %}
							   <li><a class="menuparent" 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>
			</div>
				<ul class="menuWrap">
				 <li><a class="menuparent" href="http://{NET_DOMAIN}/catalog">Каталог</a></li>
				 {% FOR menu %}
				   {% FOR header %}
					 {% FOR links %}
							   <li><a class="menuparent {% IF menu.header.links.SELECTED %}selected{%ENDIF%}" href="{menu.header.links.URL}"  {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li>
					 {% ENDFOR %}
				   {% ENDFOR %}
				 {% ENDFOR %}							
				</ul>
			</div>
замените на:
<div>
				<ul class="menuLowRes" style="display:none;">
				 {% FOR menu %}
				   {% FOR header %}
					 {% FOR links %}
							   <li><a class="menuparent" 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>
			</div>
				<ul class="menuWrap">
				 {% FOR menu %}
				   {% FOR header %}
					 {% FOR links %}
							   <li><a class="menuparent {% IF menu.header.links.SELECTED %}selected{%ENDIF%}" href="{menu.header.links.URL}"  {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li>
					 {% ENDFOR %}
				   {% ENDFOR %}
				 {% ENDFOR %}							
				</ul>
			</div>

и далее в разделе Сайт - Меню создайте новый пункт меню "О нас"

Цитата

Как поменять текст страницы "вход в ЛК" и "регистрация"(можно ли добавить дополнительные поля?)
В шаблоне ЛК Авторизация и ЛК Регистрация нового клиента замените необходимый текст, дополнительные поля, к сожалению, добавить нельзя, информация с них не будет никуда поступать.

Цитата

Интернет магазин будет открыт уже на этой неделе, до конца января. Что я смогу прямо сейчас сделать с отображением тела страницы Каталог?
Могу ли я внести правку в код структуры в HTML или main.css ? Например, временно скрыть отображение, без его удаления.
уточните пожалуйста, что именно вы хотите изменить или скрыть, чтобы мы могли вас проконсультировать

#7 Мария1004

Мария1004

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

  • Пользователи
  • PipPipPip
  • 64 сообщений
  • ГородКострома

Отправлено 01 Ноябрь 2015 - 16:55

Здравствуйте, как сделать в верхнем меню объемные овальные кнопки типа "каталог" и тд?

#8 RayLi

RayLi

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

  • Модераторы
  • 2 864 сообщений

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

Просмотр сообщенияМария1004 (01 Ноябрь 2015 - 16:55) писал:

Здравствуйте, как сделать в верхнем меню объемные овальные кнопки типа "каталог" и тд?

Здравствуйте.
Сделайте, пожалуйста, следующее:
В шаблоне main.css найдите данный код:

.menuWrap li a {
	position: relative;
	font-size: 20px;
	padding: 2px 0;
	color: white;
}

И замените его вот этим вот кодом:

.menuWrap li a {
	position: relative;
	font-size: 20px;
	padding: 4px 12px;
	color: white;
	background: #0F275B;
	border-radius: 10px;
	box-shadow: 1px 1px 1px rgb(0, 0, 0);
}


#9 Мария1004

Мария1004

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

  • Пользователи
  • PipPipPip
  • 64 сообщений
  • ГородКострома

Отправлено 01 Ноябрь 2015 - 17:45

спасибо!

#10 Iresteks

Iresteks

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

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

Отправлено 19 Декабрь 2015 - 00:34

Добрый вечер! Помогите пожалуйста

1 Убрать вообще со всех страниц
2 и 5 увеличить размер
3 Как сделать чтобы фон у кнопок был такой же как у шапки а контур был белый
4 Как убрать две полоски

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

  • Screenshot_1.png


#11 Vaccina

Vaccina

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

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

Отправлено 19 Декабрь 2015 - 02:18

1. Сайт - Редактор шаблонов - Страница - найдите и удалите:
<h1 class="page_title ftheme-color btheme-color">{PAGE_NAME}</h1>
2. В main.css найдите:
.hph1 {
	margin-top: 15px;
}
замените на:
.hph1 {
	margin-top: 15px;
	font-size: 19px;
}
3. В main.css нйдите:
.menuWrap li a {
	position: relative;
	font-size: 28px;
	padding: 4px 12px;
	color: #FFF;
	background: #0F275B;
	border-radius: 10px;
	box-shadow: 1px 1px 1px #000;
}

замените на:
.menuWrap li a {
	position: relative;
	font-size: 28px;
	padding: 1px 12px;
	color: #FFF;
	background: #498166;
	border-radius: 10px;
	border: 1px solid #fff;
}
4. В main.css найдите иудалите:
.menuWrap li a.selected:before{opacity:1;position:absolute;bottom:25px;left:0;width:100%;content:' '; border-top:2px solid rgba(255, 255, 255, 0.6); -webkit-transition:all 0.35s ease-in-out; -moz-transition:all 0.35s ease-in-out; -o-transition:all 0.35s ease-in-out; transition:all 0.35s ease-in-out;}
.menuWrap li a.selected:after{opacity:1;position:absolute;left:0px; top:28px;width:100%;content:' '; border-bottom:2px solid rgba(255, 255, 255, 0.6); -webkit-transition:all 0.35s ease-in-out; -moz-transition:all 0.35s ease-in-out; -o-transition:all 0.35s ease-in-out; transition:all 0.35s ease-in-out;}
5. В main.css найдите:
.login ul li a, .login2 ul li a {
	font-size: 15px;
	transition: all 0.5s ease-in-out 0s;
	color: #FFF;
}

замените на:
.login ul li a, .login2 ul li a {
	font-size: 17px;
	transition: all 0.5s ease-in-out 0s;
	color: #FFF;
}


#12 Iresteks

Iresteks

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

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

Отправлено 19 Декабрь 2015 - 22:32

Просмотр сообщенияVaccina (19 Декабрь 2015 - 02:18) писал:

1. Сайт - Редактор шаблонов - Страница - найдите и удалите:
<h1 class="page_title ftheme-color btheme-color">{PAGE_NAME}</h1>
2. В main.css найдите:
.hph1 {
margin-top: 15px;
}
замените на:
.hph1 {
margin-top: 15px;
font-size: 19px;
}
3. В main.css нйдите:
.menuWrap li a {
position: relative;
font-size: 28px;
padding: 4px 12px;
color: #FFF;
background: #0F275B;
border-radius: 10px;
box-shadow: 1px 1px 1px #000;
}

замените на:
.menuWrap li a {
position: relative;
font-size: 28px;
padding: 1px 12px;
color: #FFF;
background: #498166;
border-radius: 10px;
border: 1px solid #fff;
}
4. В main.css найдите иудалите:
.menuWrap li a.selected:before{opacity:1;position:absolute;bottom:25px;left:0;width:100%;content:' '; border-top:2px solid rgba(255, 255, 255, 0.6); -webkit-transition:all 0.35s ease-in-out; -moz-transition:all 0.35s ease-in-out; -o-transition:all 0.35s ease-in-out; transition:all 0.35s ease-in-out;}
.menuWrap li a.selected:after{opacity:1;position:absolute;left:0px; top:28px;width:100%;content:' '; border-bottom:2px solid rgba(255, 255, 255, 0.6); -webkit-transition:all 0.35s ease-in-out; -moz-transition:all 0.35s ease-in-out; -o-transition:all 0.35s ease-in-out; transition:all 0.35s ease-in-out;}
5. В main.css найдите:
.login ul li a, .login2 ul li a {
font-size: 15px;
transition: all 0.5s ease-in-out 0s;
color: #FFF;
}

замените на:
.login ul li a, .login2 ul li a {
font-size: 17px;
transition: all 0.5s ease-in-out 0s;
color: #FFF;
}

Все получилось кроме первого.

#13 Danil

Danil

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

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 20 Декабрь 2015 - 09:31

Просмотр сообщенияIresteks (19 Декабрь 2015 - 22:32) писал:

Все получилось кроме первого.
Здравствуйте.
Данный заголовок является тегом h1 и скрывать/удалять его не рекомендуется, т.к. Ваш сайт будет хуже индексироваться.
В конец main.css добавьте
h1.page_title.ftheme-color.btheme-color {
	display: none;
}


#14 Iresteks

Iresteks

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

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

Отправлено 27 Декабрь 2015 - 23:32

Спасибо. Помогите пожалуйста вот с этим

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

  • Screenshot_10.png


#15 Юля123

Юля123

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

  • Пользователи
  • PipPipPipPip
  • 2 567 сообщений

Отправлено 28 Декабрь 2015 - 13:02

Просмотр сообщенияIresteks (27 Декабрь 2015 - 23:32) писал:

Спасибо. Помогите пожалуйста вот с этим


Здравствуйте, эти блоки показываются на всех страницах. Перенести их в то место что Вы указали не получится, т.к. идет привязка в названию категории. Соответственно, на других страницах(главная, карточка товара) они не будут отображаться. Можно сделать отдельный блок под блоком меню. Вас устроит такое решение?

#16 Iresteks

Iresteks

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

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

Отправлено 29 Декабрь 2015 - 18:57

Да давайте попробуем

#17 Юля123

Юля123

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

  • Пользователи
  • PipPipPipPip
  • 2 567 сообщений

Отправлено 30 Декабрь 2015 - 09:48

Просмотр сообщенияIresteks (29 Декабрь 2015 - 18:57) писал:

Да давайте попробуем

Перед изменением создайте бекап шаблона. Затем в шаблоне HTML найдите и удалите код:

<div id="search">
				 <form id="search_mini_form" action="http://{NET_DOMAIN}/search" method="get" onsubmit="if($(this).find('#search').val()=='Поиск по магазину...') return false;">
					 <button title="Искать" type="submit" value="Поиск" class="button-search"></button>
					 <input class="theme-color" type="text" name="q" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{% ELSE %}Поиск по магазину...{% ENDIF %}" onfocus="if(this.value=='Поиск по магазину...'){this.value='';}" onblur="if(this.value==''){this.value='Поиск по магазину...';}" onclick="this.value = &#39;&#39;;"/>
				 </form>
		 </div><!--END search-->


далее найдите и удалите код:

		 <!-- Корзина -->
		 <div id="cart">
			 <div class="incart">
			 <div class="carttotalqty theme-color">
			 {CART_COUNT_TOTAL}
			 </div>
			 <a class="cartanchor" href="{CART_URL}" title="Перейти в корзину">{%IF user_agent_opera%}<img src="{ASSETS_IMAGES_PATH}cart.png?design=chameleon"/>{%ELSE%}<span class="icon-cart"></span>{%ENDIF%}
				 {% IF cart_count_empty %}
				 <span>0</span> <span class="rub">P<span class="rubT"></span></span>
				 {% ELSE %}
				 {% FOR cart_sum %}
					 {cart_sum.NOW}<span class="rub">P<span class="rubT"></span></span>
				 {% ENDFOR %}
				 {% ENDIF %}</span>
			 </a>
			 </div><!--END heading-->
			 <div class="clear"></div>
		 </div>
		 <!-- end Корзина -->



Затем найдите код:

		 </div><!--END globmenuwrap-->
		 </div><!--END cols col-10 marg1-->


после него добавьте код:

<div class="globalmenusearch cols col-12">
		 <div class="row">
				 <div class="cols col-4">
					 <div id="search">
				 <form id="search_mini_form" action="http://{NET_DOMAIN}/search" method="get" onsubmit="if($(this).find('#search').val()=='Поиск по магазину...') return false;">
					 <button title="Искать" type="submit" value="Поиск" class="button-search"></button>
					 <input class="theme-color" type="text" name="q" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{% ELSE %}Поиск по магазину...{% ENDIF %}" onfocus="if(this.value=='Поиск по магазину...'){this.value='';}" onblur="if(this.value==''){this.value='Поиск по магазину...';}" onclick="this.value = &#39;&#39;;"/>
				 </form>
		 </div><!--END search-->
		 </div>
		 <div class="cols col-8">
					 <!-- Корзина -->
		 <div id="cart">
			 <div class="incart">
			 <div class="carttotalqty theme-color">
			 {CART_COUNT_TOTAL}
			 </div>
			 <a class="cartanchor" href="{CART_URL}" title="Перейти в корзину">{%IF user_agent_opera%}<img src="{ASSETS_IMAGES_PATH}cart.png?design=chameleon"/>{%ELSE%}<span class="icon-cart"></span>{%ENDIF%}
				 {% IF cart_count_empty %}
				 <span>0</span> <span class="rub">P<span class="rubT"></span></span>
				 {% ELSE %}
				 {% FOR cart_sum %}
					 {cart_sum.NOW}<span class="rub">P<span class="rubT"></span></span>
				 {% ENDFOR %}
				 {% ENDIF %}</span>
			 </a>
			 </div><!--END heading-->
			 <div class="clear"></div>
		 </div>
		 <!-- end Корзина -->
		 </div>
		 </div>
		 </div>


Затем в main.css в самом конце добавьте код:

.globalmenusearch.cols.col-12 {
background: #65A787;
height: 58px;
}


Затем найдите там же код:

#cart{margin-top:20px;}

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

#cart {
margin-top: 5px;
position: relative;
left: 230px;
}


далее найдите код:

#search {margin-top: 28px;transition: all 1s ease;}

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

#search {margin-top: 15px;transition: all 1s ease;}


QIP Shot - Screen 090.png





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

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

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