Отключен JavaScript

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

0

Добавление Блоков Под Меню

Автор ivanchik, 20 нояб. 2014 00:07

Вперед

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

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

#1 ivanchik

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

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

Отправлено 20 Ноябрь 2014 - 00:07

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

Наверх

#2 Vaccina

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

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

Отправлено 20 Ноябрь 2014 - 00:38

Немного непонятен ваш замысел. Как будет выглядеть первый добавочный блок?

На счет второго блока в шаблоне HTML найдите:

<div class="inner">
				
						<div class="links">
				  
				  
				  
<!-- Верхний блок навигации -->
												  <ul id="main_nav">
																{% FOR menu %}
																  {% FOR header %}
																				{% FOR links %}
																				   <li {% IF menu.header.links.NAME = Войти || menu.header.links.NAME = Связь с администрацией %}style="float:right;" {% ENDIF %}><a {% IF menu.header.links.NAME = Связь с администрацией %}class="sv fancybox.ajax" href="{menu.header.links.URL}?only_body=1"{%ELSE%} href="{menu.header.links.URL}" {% ENDIF %} {% 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>
												  <!-- end Верхний блок навигации -->
						  <form name="menu">
								<select class="selectnav" id="selectnav1" name="sel" onChange="if (this.selectedIndex > 0) document.location.href=this.options[this.selectedIndex].value">
								  <option>Выберите пункт меню...</option>
								  {% FOR menu %}
										{% FOR header %}
										  {% FOR links %}
												 <option value="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}selected=""{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></option>
										  {% ENDFOR %}
										{% ENDFOR %}
								  {% ENDFOR %}
								</select>
						  </form>
						</div>
				  </div>

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

{% IF index_page || {upper_navigation.NAME = Видеорегистраторы %}
<div class="inner">
	<div class="links">
<!-- Второй блок навигации -->
												  <ul id="main_nav">
																{% FOR menu %}
																  {% FOR header_items %}
																				{% FOR links %}
																				   <li><a {% IF menu.header_items.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header_items.links.TITLE %}title="{menu.header_items.links.TITLE}"{% ENDIF %}>{menu.header_items.links.NAME}</a></li>
																				{% ENDFOR %}
																  {% ENDFOR %}
																{% ENDFOR %}
												  </ul>
												  <!-- end Верхний блок навигации -->
						  <form name="menu">
								<select class="selectnav" id="selectnav1" name="sel" onChange="if (this.selectedIndex > 0) document.location.href=this.options[this.selectedIndex].value">
								  <option>Выберите пункт меню...</option>
								  {% FOR menu %}
										{% FOR header_items %}
										  {% FOR links %}
												 <option value="{menu.header_items.links.URL}" {% IF menu.header_items.links.SELECTED %}selected=""{%ENDIF%} {% IF menu.header_items.links.TITLE %}title="{menu.header_items.links.TITLE}"{% ENDIF %}>{menu.header_items.links.NAME}</a></option>
										  {% ENDFOR %}
										{% ENDFOR %}
								  {% ENDFOR %}
								</select>
						  </form>
						</div>
				  </div>
{% ENDIF %}

далее заходите в раздел Сайт - Меню и добавляете блок меню с переменной header_items
и далее остается только добавить пункты меню с ссылками на конкретные товары

Наверх

#3 ivanchik

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

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

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

пишет, что не удалось скомпилировать код....

Наверх

#4 Dars

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

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

Отправлено 20 Ноябрь 2014 - 09:49

ivanchik (20 Ноябрь 2014 - 08:38) писал:

пишет, что не удалось скомпилировать код....

В вышеприведенном коде замените строку:

{% IF index_page || {upper_navigation.NAME = Видеорегистраторы %}

на:

{% IF index_page || upper_navigation.NAME = Видеорегистраторы %}

Наверх

#5 ivanchik

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

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

Отправлено 20 Ноябрь 2014 - 13:40

блок не появился. и в меню можно добавлять менюшки только на раздел сайта, а мне нужно на конкретный товар.
в общем под блоком меню-аккардеон должен быть блок к примеру "Наш ТОП радар-детекторов" с перечнем конкретных моделей.

Наверх

#6 Vaccina

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

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

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

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

на раздел сайта, а мне нужно на конкретный товар

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

Наверх

#7 ivanchik

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

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

Отправлено 21 Ноябрь 2014 - 08:45

изменения произвел . посмотрите пожалуйста. при этом шапка опустилась сантиметра на два

Наверх

#8 Ирина345

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

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

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

ivanchik (21 Ноябрь 2014 - 08:45) писал:

изменения произвел . посмотрите пожалуйста. при этом шапка опустилась сантиметра на два

Здравствуйте, не вижу что бы шапка опустилась, очистите кеш браузера.

Наверх

#9 ivanchik

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

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

Отправлено 21 Ноябрь 2014 - 08:57

черная линия с менюшками на месте. опустилась где то на 1 см красная линия и все что над ней. лого корзина поиск и телефон

Наверх

#10 Vaccina

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

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

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

В main.css найдите:

#header .links ul li {
	float: left;
	list-style: outside none none;
	margin: 0;
	padding: 0;
}

замените на:

#header .links ul li {
	display: inline-block;
	list-style: outside none none;
	margin: 0;
	padding: 0;
}

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

#header .links {
	clear: both;
	float: left;
	padding-right: 10px;
	width: 100%;
}

замените на:

#header .links {
	clear: both;
	padding-right: 10px;
	width: 100%;
}
.header_top .inner{
background:none !important;
}

Наверх

#11 ivanchik

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

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

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

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

Наверх

#12 Ирина345

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

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

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

ivanchik (22 Ноябрь 2014 - 15:01) писал:

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

Уточните пожалуйста как вы хотите что бы отображалось на скриншоте.

Наверх

#13 ivanchik

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

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

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

https://yadi.sk/i/jCTKdGzncswvq
хочу два одинаковых блок под меню аккардеон. один с перечнем радаров, другой с перечнем видеорегистраторов.

Наверх

#14 Taisia

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

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

Отправлено 24 Ноябрь 2014 - 00:25

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

Наверх

#15 ivanchik

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

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

Отправлено 24 Ноябрь 2014 - 08:47

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

Наверх

#16 ivanchik

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

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

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

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

Наверх

#17 Vaccina

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

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

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

Цитата

И ниже блока меню в такой же стилистике идет блок с перечнем в виде столбца, кликабельных ссылок, на конкретные товары.

поэтому вам написала инструкцию как реализовать еще одно меню ниже.

если необходимо чтобы данное меню было под каталогом и имела такую же стилистику в шаблоне HTML найдите:

{% IF index_page || upper_navigation.NAME = Видеорегистраторы %}
<div class="inner">
		<div class="links">
<!-- Второй блок навигации -->
																								  <ul id="main_nav">
																																{% FOR menu %}
																																  {% FOR header_items %}
																																								{% FOR links %}
																																								   <li><a {% IF menu.header_items.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header_items.links.TITLE %}title="{menu.header_items.links.TITLE}"{% ENDIF %}>{menu.header_items.links.NAME}</a></li>
																																								{% ENDFOR %}
																																  {% ENDFOR %}
																																{% ENDFOR %}
																								  </ul>
																								  <!-- end Верхний блок навигации -->
												  <form name="menu">
																<select class="selectnav" id="selectnav1" name="sel" onChange="if (this.selectedIndex > 0) document.location.href=this.options[this.selectedIndex].value">
																  <option>Выберите пункт меню...</option>
																  {% FOR menu %}
																				{% FOR header_items %}
																				  {% FOR links %}
																								 <option value="{menu.header_items.links.URL}" {% IF menu.header_items.links.SELECTED %}selected=""{%ENDIF%} {% IF menu.header_items.links.TITLE %}title="{menu.header_items.links.TITLE}"{% ENDIF %}>{menu.header_items.links.NAME}</a></option>
																				  {% ENDFOR %}
																				{% ENDFOR %}
																  {% ENDFOR %}
																</select>
												  </form>
												</div>
								  </div>
{% ENDIF %}

замените на:

<!-- Second navigation -->  
				  {% IF index_page || upper_navigation.NAME = Видеорегистраторы %}
						<div class="box">
						  <div class="box-heading">Топ радаров</div>
						  <div class="box-content">
								<div class="box-category">
								 {% FOR menu %}
								  {% FOR header_items %}
								   {% FOR links %}
									   <ul class="accordion">
										<li>
										  <a href="{menu.header.header_items.URL}">{menu.header_items.links.NAME}</a>
										 </li>
		  </ul>
								  {%ENDFOR%}{%ENDFOR%}{%ENDFOR%}
								</div>
						  </div>
						</div>
				  {%ENDIF%}
				  <!-- /Second navigation -->

и вставьте его после:

	<a href="{catalog_full.URL}"{% IF catalog_full.CURRENT %}class="selected"{% ENDIF %}>{catalog_full.NAME}</a>
										{% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %}
										{% IF catalog_full.LAST %}{%FOR out%}</ul>{%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %}
								  {%ENDFOR%}
								</div>
						  </div>
						</div>
				  {%ENDIF%}
				  <!-- /Каталог товаров -->

Наверх

#18 ivanchik

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

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

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

спасибо большое. сделал, только на ссылки нажимаешь и страницу обновляет и все

Наверх

#19 ivanchik

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

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

Отправлено 25 Ноябрь 2014 - 20:16

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

Наверх

#20 Vaccina

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

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

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

{% IF index_page || upper_navigation.NAME = Видеорегистраторы %}

замените Видеорегистраторы на необходимое название категории

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

<a href="{menu.header_items.URL}" >{menu.header_items.links.NAME}</a>

замените на:

<a href="{menu.header_items.links.URL}" >{menu.header_items.links.NAME}</a>

Наверх

Вперед

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

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

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

Добавление Блоков Под Меню

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

Войти

Google поиск