Отключен JavaScript

У вас отключен JavaScript. Некоторые возможности системы не будут работать. Пожалуйста, включите JavaScript для получения доступа ко всем функциям.

Выпадающий Каталог, Банеры, Каталог Под Слайдер

Автор Zagadaika, 06 сент. 2014 19:59

Выпадающий каталог Каталог

Авторизуйтесь для ответа в теме

Сообщений в теме: 9

#1 Zagadaika

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

Пользователи
118 сообщений

Отправлено 06 Сентябрь 2014 - 19:59

Здравствуйте! Нужна помощь в изменение дизайна.

1. Нужно сделать выпадающий каталог товаров из меню.
2. Добавить каталог под слайдер (Точно так же как на скриншоте)
3. Под каталог добавить небольшой заголовок.
4. Под заголовок добавить 5 кликабельных банеров.
5. Растянуть описание магазина на главное странице под банерами.

Номер аккаунта 306183

На скриншоте показано как должно получится.
Слева удалить каталог и сравнение товаров.

Наверх

#2 Ирина345

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

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

Отправлено 06 Сентябрь 2014 - 20:10

Zagadaika (06 Сентябрь 2014 - 19:59) писал:

Здравствуйте! Нужна помощь в изменение дизайна.

1. Нужно сделать выпадающий каталог товаров из меню.
2. Добавить каталог под слайдер (Точно так же как на скриншоте)
3. Под каталог добавить небольшой заголовок.
4. Под заголовок добавить 5 кликабельных банеров.
5. Растянуть описание магазина на главное странице под банерами.

На скриншоте показано как должно получится.
Слева удалить каталог и сравнение товаров.
Прикрепленный файл

Безымянный.png

Здравствуйте,
1. воспользуйтесь инструкцией по ссылке
http://forum.storela...ыпадающее-меню/

Наверх

#3 Zagadaika

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

Пользователи
118 сообщений

Отправлено 08 Сентябрь 2014 - 09:52

Аууу, кто нибууудь

Наверх

#4 daria_dnk

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

Модератоpы
482 сообщений

Отправлено 08 Сентябрь 2014 - 19:46

Zagadaika (08 Сентябрь 2014 - 09:52) писал:

Аууу, кто нибууудь

Здравствуйте! Для начала давайте попробуем разобраться с меню. Из описания я понимаю что Вы под слайдером хотите создать второе меню и оно должно быть с выпадающими блоками. Для создания второго меню Вам нужно сначала в разделе Сайт-Меню добавить новый блок верхнего меню например с названием menu.header2.
Далее найдите код


<!-- Верхний блок навигации -->
<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>

заменив menu.header. на название вашего нового созданного меню (только в нижнем блоке меню). Таким образом, у Вас появится второе меню. Напишите нам после того как внесете изменения, мы поможем Вам перенести новое меню под слайдер.

Инструкцию о том, как сделать меню выпадающим Вам присылали ранее.

Наверх

#5 Zagadaika

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

Пользователи
118 сообщений

Отправлено 08 Сентябрь 2014 - 20:26

daria_dnk (08 Сентябрь 2014 - 19:46) писал:


<!-- Верхний блок навигации -->
<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>

Здравствуйте! Нет, выпадающее меню не нужно. Нужен выпадающий каталог товаров из Верхнего меню.
Меню под слайдером должно быть как на скриншоте.
Вообще весь дизайн должен быть как на скриншоте)

Наверх

#6 Vaccina

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

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

Отправлено 09 Сентябрь 2014 - 03:35

<!-- Верхний блок навигации -->
<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="cat_hide">
				  {% FOR catalog %}
						{% IFNOT catalog.HIDE %}
						  <li>
							<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>
						{% ENDIF %}
					  {% ENDFOR %}
					  </ul>
<ul class="pad-box cont620" id="mainmenu">
{% FOR menu %}
{% FOR header %}
{% FOR links %}
<li {% IF menu.header.links.NAME=Каталог %}class="catalog"{% ENDIF %}><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>

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

#top-menu {
height: 40px;
overflow: hidden;
}

замените на:

#top-menu {
height: 40px;
position: relative;
}

далее добавьте:

.cat_hide{
  display:none;
}
.cat_hide{
  position:absolute;
  left:0;
  background: #fff;
  padding: 10px;
  z-index: 99;
  top: 40px;
}

В main.js в самый конец добавьте:

$(function() {
  $('#top-menu #mainmenu li.catalog').hover(function() {
		$('#top-menu .cat_hide').show();
  }, function() {
		$('#top-menu .cat_hide').hide();
  });

Наверх

#7 Zagadaika

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

Пользователи
118 сообщений

Отправлено 09 Сентябрь 2014 - 09:46

Vaccina (09 Сентябрь 2014 - 03:35) писал:

<!-- Верхний блок навигации -->
<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="cat_hide">
				 {% FOR catalog %}
					 {% IFNOT catalog.HIDE %}
						 <li>
						 <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>
					 {% ENDIF %}
					 {% ENDFOR %}
					 </ul>
<ul class="pad-box cont620" id="mainmenu">
{% FOR menu %}
{% FOR header %}
{% FOR links %}
<li {% IF menu.header.links.NAME=Каталог %}class="catalog"{% ENDIF %}><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>

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

#top-menu {
height: 40px;
overflow: hidden;
}

замените на:

#top-menu {
height: 40px;
position: relative;
}

далее добавьте:

.cat_hide{
display:none;
}
.cat_hide{
position:absolute;
left:0;
background: #fff;
padding: 10px;
z-index: 99;
top: 40px;
}

В main.js в самый конец добавьте:

$(function() {
$('#top-menu #mainmenu li.catalog').hover(function() {
	 $('#top-menu .cat_hide').show();
}, function() {
	 $('#top-menu .cat_hide').hide();
});

appleplus.ru

Наверх

#8 Vaccina

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

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

Отправлено 10 Сентябрь 2014 - 03:59

В main.css добавьте(у вас затерялся кусочек кода):

#mainmenu li {
	display: inline-block;
}

Далее в HTML найдите:

{% IF menu.header.links.NAME=Каталог %}

замените на:

{% IF menu.header.links.NAME=Каталог товаров %}

Наверх

#9 Zagadaika

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

Пользователи
118 сообщений

Отправлено 10 Сентябрь 2014 - 11:51

Vaccina (10 Сентябрь 2014 - 03:59) писал:

В main.css добавьте(у вас затерялся кусочек кода):

#mainmenu li {
display: inline-block;
}

Далее в HTML найдите:

{% IF menu.header.links.NAME=Каталог %}

замените на:

{% IF menu.header.links.NAME=Каталог товаров %}

не помогло

Наверх

#10 Vaccina

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

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

Отправлено 11 Сентябрь 2014 - 03:04

Простите, в коде js не хватает закрывающих скобок, в main.js найдите:

$(function() {
  $('#top-menu #mainmenu li.catalog').hover(function() {
				$('#top-menu .cat_hide').show();
  }, function() {
				$('#top-menu .cat_hide').hide();
  });

замените на:

$(function() {
  $('#top-menu #mainmenu li.catalog').hover(function() {
				$('#top-menu .cat_hide').show();
  }, function() {
				$('#top-menu .cat_hide').hide();
  });
  });

Наверх

Обратно в Изменение общей стилистики

Темы с аналогичным тегами Выпадающий каталог, Каталог

Вопросы работы сервиса StoreLand → Другие вопросы → Проблема Со Ссылками При Переходе На Товар Из Меню Автор Гость_Goosenic_* , 26 янв. 2021 ссылки меню, товары, каталог	1 Ответ 1 062 Просмотров	stasia 26 янв. 2021
характеристики Вопросы работы сервиса StoreLand → Дизайн → Шаблон Техно → Каталог товаров → Вывод Характеристик В Товарах Отображаемых Таблицей Автор Гость_metry_* , 06 дек. 2020 характеристики, каталог, товары	0 Ответов 1 121 Просмотров	metry 06 дек. 2020
Вопросы работы сервиса StoreLand → Дизайн → Шаблон Веган → Как Изменить Разделы Каталога И Добавить Подразделы? Автор Гость_lazar_* , 14 июня 2020 каталог	2 Ответов 794 Просмотров	lazar 14 июня 2020
Вопросы работы сервиса StoreLand → Дизайн → Шаблон Город → Каталог товаров → Выравнивание По Нижнему Краю И Названия Категорий Автор Гость_Максим Бакланов_* , 11 февр. 2020 каталог	3 Ответов 1 486 Просмотров	Vaccina 12 февр. 2020
Вопросы работы сервиса StoreLand → Дизайн → Шаблон Техно → Главная → Изменение Ссылок И Текста На Блоках. Автор Гость_Galz_* , 20 апр. 2019 Менюблоки, каталог, ссылки	1 Ответ 1 774 Просмотров	Mr.Nito 21 апр. 2019

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

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

Выпадающий Каталог, Банеры, Каталог Под Слайдер

Темы с аналогичным тегами Выпадающий каталог, Каталог

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

Войти

Google поиск