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


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


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

#1 ivanchik

ivanchik

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

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

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

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

#2 Vaccina

Vaccina

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

  • Модераторы
  • 23 805 сообщений

Отправлено 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

ivanchik

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

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

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

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

#4 Dars

Dars

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

  • Модератоpы
  • 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

ivanchik

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

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

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

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

#6 Vaccina

Vaccina

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

  • Модераторы
  • 23 805 сообщений

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

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

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

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

#7 ivanchik

ivanchik

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

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

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

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

#8 Ирина345

Ирина345

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

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

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

Просмотр сообщенияivanchik (21 Ноябрь 2014 - 08:45) писал:

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

#9 ivanchik

ivanchik

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

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

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

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

#10 Vaccina

Vaccina

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

  • Модераторы
  • 23 805 сообщений

Отправлено 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

ivanchik

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

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

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

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

#12 Ирина345

Ирина345

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

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

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

Просмотр сообщенияivanchik (22 Ноябрь 2014 - 15:01) писал:

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

#13 ivanchik

ivanchik

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

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

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

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

#14 Taisia

Taisia

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

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

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

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

#15 ivanchik

ivanchik

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

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

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

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

#16 ivanchik

ivanchik

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

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

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

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

#17 Vaccina

Vaccina

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

  • Модераторы
  • 23 805 сообщений

Отправлено 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

ivanchik

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

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

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

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

#19 ivanchik

ivanchik

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

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

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

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

#20 Vaccina

Vaccina

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

  • Модераторы
  • 23 805 сообщений

Отправлено 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 анонимных