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


Выпадающее Меню

Автор Mizou, 28 окт. 2015 20:15

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

#1 Mizou

Mizou

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

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

Отправлено 28 Октябрь 2015 - 20:15

Как сделать выпадающее меню на сайте http://scrapbusinka.ru/

Нужно чтобы при наведении курсора на Мастер Классы выпадало меню с тремя строками.

#2 Mizou

Mizou

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

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

Отправлено 28 Октябрь 2015 - 21:56

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

#3 Vaccina

Vaccina

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

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

Отправлено 29 Октябрь 2015 - 05:48

У нас на форуме имеется подробная инструкция по выпадающему меню, вы можете ознакомиться с ней перейдя по следующей ссылке(у вас как и в примере по инструкции также установлена тема Сияние):
http://forum.storela...еню/#entry28263

На счет кнопки "В корзину", в шаблоне Товары найдите:
<a class="readmore" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&form%5Bgoods_from%5D={goods.GOODS_FROM}&form%5Bgoods_mod_id%5D={goods.MIN_PRICE_NOW_ID}" title="Добавить в корзину">В корзину</a><br />

замените на:
<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" id="goodsListFormId{goods.MIN_PRICE_NOW_ID}" class="goodsListForm">
			  <input type="hidden" name="hash" value="{HASH}" />
			  <input type="hidden" name="form[goods_from]" value="{goods.GOODS_FROM}" />
			  <input type="hidden" name="form[goods_mod_id]" value="{goods.MIN_PRICE_NOW_ID}" />
			  <a class="readmore" onclick="$('#goodsListFormId{goods.MIN_PRICE_NOW_ID}').submit(); return false;" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&amp;form%5Bgoods_from%5D={goods.GOODS_FROM}&amp;form%5Bgoods_mod_id%5D={goods.MIN_PRICE_NOW_ID}" title="Положить &laquo;{goods.NAME}&raquo; в корзину">В корзину</a>
			</form>

в main.js найдите:
// Добавление товара в корзину через ajax
  $('.goodsDataForm, .goodsToCartFromCompareForm').submit(function(){
		$(this).nyroModalManual({
		  formIndicator: 'ajax_q',  // Value added when a form is sent
		  minWidth: 450, // Minimum width
		  minHeight: 140, // Minimum height
		  gallery: null // Gallery name if provided
		});
		return false;
  });

замените на:
// Добавление товара в корзину через ajax
  $('.goodsDataForm, .goodsToCartFromCompareForm, .goodsListForm').submit(function(){
		$(this).nyroModalManual({
		  formIndicator: 'ajax_q',  // Value added when a form is sent
		  minWidth: 450, // Minimum width
		  minHeight: 140, // Minimum height
		  gallery: null // Gallery name if provided
		});
		return false;
  });

#4 Mizou

Mizou

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

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

Отправлено 29 Октябрь 2015 - 15:15

Теперь в корзину нет автоперехода.

А с меню ничего не получается и нет шаблона maincsstemplate.css.

#5 Vaccina

Vaccina

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

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

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

Цитата

maincsstemplate.css
Сейчас данный файл называется main.css


Цитата

не получается убрать автоматический переход в корзину при добавлении товара из каталога

Цитата

Теперь в корзину нет автоперехода.

Так все таки его необходимо убрать или оставить, немного не понятно?

#6 Mizou

Mizou

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

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

Отправлено 30 Октябрь 2015 - 02:12

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

#7 Vaccina

Vaccina

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

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

Отправлено 30 Октябрь 2015 - 02:35

На данный момент я у вас не вижу изменений по данному вопросу, что именно у вас не получается или все же работает, но "криво"?

#8 Mizou

Mizou

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

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

Отправлено 30 Октябрь 2015 - 02:51

Пробовал несколько раз, ничего не выпадывало. С каталогом все было просто ,а с шапкой не могу сделать.

#9 Vaccina

Vaccina

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

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

Отправлено 30 Октябрь 2015 - 02:54

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

#10 Mizou

Mizou

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

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

Отправлено 30 Октябрь 2015 - 02:58

Блоки создавал не я, так что сказать не смогу.

#11 Vaccina

Vaccina

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

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

Отправлено 30 Октябрь 2015 - 03:01

Их необходимо создать в разделе Сайт - Меню, так как они в последующем и будут выпадающим списком, цитирую инструкцию:

Цитата

В разделе Сайт - Меню необходимо создать дополнительные меню, кол-во зависит от вашего желания, каждое меню это отдельный выпадающий список.
При создании дополнительных меню указываем обязательно имя переменной в шаблоне так как оно необходимо в коде.
Будем делать по моему примеру.
Я сделаю 3 дополнительных меню с переменными: header1, header2, header3.

#12 Mizou

Mizou

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

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

Отправлено 30 Октябрь 2015 - 04:37

Все равно не появлялось выпадающего меню

#13 Vaccina

Vaccina

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

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

Отправлено 30 Октябрь 2015 - 05:28

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

#14 Mizou

Mizou

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

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

Отправлено 30 Октябрь 2015 - 16:33

Получилось сделать отдельную кнопку, а как сделать чтобы из Мастер классы выпадало меню. Не из правого ,а из левого. А правый убрать.

#15 Ирина345

Ирина345

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

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

Отправлено 30 Октябрь 2015 - 17:11

Просмотр сообщенияMizou (30 Октябрь 2015 - 16:33) писал:

Получилось сделать отдельную кнопку, а как сделать чтобы из Мастер классы выпадало меню. Не из правого ,а из левого. А правый убрать.
Здравствуйте, найдите в шаблоне hTML
<li><a href="http://scrapbusinka.ru/page/MC" 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 class="menu_link" href="http://scrapbusinka.ru/page/MC" title="Расписание Мастер-классов">Мастер классы</a>
<ul class="vypad">
		  {% 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>

далее в файле main.css найдите



#mainmenu{
position:relative;
}
#mainmenu li{
display: block !important;
float: left;
}

#mainmenu li ul {
display: none;
left: 0;
width:200px;
position: absolute;
top: 39px;
z-index:99;
}
#mainmenu li:hover ul{display:block;}
#mainmenu li ul li{
width:200px;
padding:10px;
border-bottom:1px solid #000;
background:#999;
}

#mainmenu li ul li a{
font: bold 12px/20px Helvetica,Tahoma,Arial,sans-serif;
padding: 0px;
background:none;
}

#mainmenu li ul li a:hover{
background:none;
}
замените на





#mainmenu{
position:relative;
}
#mainmenu li{
display: block !important;
float: left;
}

#mainmenu li ul {
display: none;

width:100px;
position: absolute;
top: 37px;
z-index:99;
}
#mainmenu li:hover ul{display:block;}
#mainmenu li ul li{
width:100px;

border-bottom:1px solid #000;
background:#999;
}

#mainmenu li ul li a{
font: bold 12px/20px Helvetica,Tahoma,Arial,sans-serif;
padding: 0px;
background:none;
}

#mainmenu li ul li a:hover{
background:none;
}

.vypad li a {
	background: #C44800 !important;
}
.vypad li {
	background: #C44800 !important;
}

#16 Mizou

Mizou

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

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

Отправлено 30 Октябрь 2015 - 17:21

Все равно выпадает из правого. Только цвет выпадающих окон поменялся.

#17 Юля123

Юля123

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

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

Отправлено 30 Октябрь 2015 - 18:13

Просмотр сообщенияMizou (30 Октябрь 2015 - 17:21) писал:

Все равно выпадает из правого. Только цвет выпадающих окон поменялся.

Здравствуйте, уточните, я правильно Вас поняла, вы хотите в текущем вашем меню добавить выпадающее меню, во вкладке "Мастер-классы"?

#18 Mizou

Mizou

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

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

Отправлено 30 Октябрь 2015 - 18:15

Да

#19 Юля123

Юля123

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

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

Отправлено 30 Октябрь 2015 - 18:50

Просмотр сообщенияMizou (30 Октябрь 2015 - 18:15) писал:

Да

Тогда вам необходимо в 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}" class="menu_link {% IF menu.header.links.SELECTED %}selected{%ENDIF%}" {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li>
			  {% ENDFOR %}
			{% ENDFOR %}
		  {% ENDFOR %}
		  <li><a class="menu_link" href="http://scrapbusinka.ru/page/MC" title="Расписание Мастер-классов">Мастер классы</a>
<ul class="vypad">
				  {% 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>
		</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>
</li>
<li><a class="menu_link" href="http://scrapbusinka.ru/page/MC" title="Расписание Мастер-классов">Мастер классы</a>
<ul class="vypad">
				  {% 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>
</li>
<li><a href="ссылка" title="На главную">Доставка</a>
</li>
<li><a href="ссылка" title="На главную">Контакты</a>
</li>
<li><a href="ссылка" title="На главную">Личный кабинет</a>
</li>
</ul>
<div class="clr"></div>
</div>
<!-- end Верхний блок навигации -->

Измените "ссылка" на ссылки страниц, которые вам нужно, "на главную" на то описание, какое вы бы хотели увидеть у себя на странице.

#20 Mizou

Mizou

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

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

Отправлено 30 Октябрь 2015 - 18:58

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


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

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

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