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


Необходимо Изменить Верхний Блок Меню


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

#1 zoovmeste

zoovmeste

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

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

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

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

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

  • меню.jpg


#2 zoovmeste

zoovmeste

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

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

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

Просмотр сообщенияzoovmeste (03 Октябрь 2015 - 22:01) писал:

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

#3 zoovmeste

zoovmeste

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

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

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

Просмотр сообщенияzoovmeste (03 Октябрь 2015 - 22:01) писал:

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

#4 Vaccina

Vaccina

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

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

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

В шаблоне HTML найдите:
<!-- Верхний блок навигации -->
			  <ul id="main_nav">
				{% 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>
			  <!-- 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>


замените на:
<!-- Верхний блок навигации -->
	{%FOR catalog_full%}
										{% IF catalog_full.FIRST %}<ul class="accordion">{% ENDIF %}
										<li {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="{% IF catalog_full.ISSET_SUB %}parent{% ENDIF %}{% IF catalog_full.CURRENT %} active{% ELSEIF catalog_full.CURRENT_PARENT %} active{% ENDIF %}">
																				  <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%}
			  </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 catalog %}
						 <option value="{catalog.URL}" {% IF catalog.SELECTED %}selected=""{%ENDIF%}>{catalog.NAME}</option>
				  {% ENDFOR %}
				</select>
			  </form>

В main.css добавьте:
#header .links .parent a {
	padding-right: 30px;
}


#5 zoovmeste

zoovmeste

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

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

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

Просмотр сообщенияVaccina (06 Октябрь 2015 - 03:03) писал:

В шаблоне HTML найдите:
<!-- Верхний блок навигации -->
			 <ul id="main_nav">
			 {% 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>
			 <!-- 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>


замените на:
<!-- Верхний блок навигации -->
{%FOR catalog_full%}
									 {% IF catalog_full.FIRST %}<ul class="accordion">{% ENDIF %}
									 <li {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="{% IF catalog_full.ISSET_SUB %}parent{% ENDIF %}{% IF catalog_full.CURRENT %} active{% ELSEIF catalog_full.CURRENT_PARENT %} active{% ENDIF %}">
																				 <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%}
			 </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 catalog %}
						 <option value="{catalog.URL}" {% IF catalog.SELECTED %}selected=""{%ENDIF%}>{catalog.NAME}</option>
				 {% ENDFOR %}
			 </select>
			 </form>

В main.css добавьте:
#header .links .parent a {
padding-right: 30px;
}
При нажатии на "+" все категории сползают вниз.
Нужно чтобы подкатегории выпадали строго под каждой категорией

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

  • вопрос2.jpg


#6 zoovmeste

zoovmeste

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

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

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

Просмотр сообщенияVaccina (06 Октябрь 2015 - 03:03) писал:

В шаблоне HTML найдите:
<!-- Верхний блок навигации -->
			 <ul id="main_nav">
			 {% 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>
			 <!-- 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>


замените на:
<!-- Верхний блок навигации -->
{%FOR catalog_full%}
									 {% IF catalog_full.FIRST %}<ul class="accordion">{% ENDIF %}
									 <li {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="{% IF catalog_full.ISSET_SUB %}parent{% ENDIF %}{% IF catalog_full.CURRENT %} active{% ELSEIF catalog_full.CURRENT_PARENT %} active{% ENDIF %}">
																				 <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%}
			 </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 catalog %}
						 <option value="{catalog.URL}" {% IF catalog.SELECTED %}selected=""{%ENDIF%}>{catalog.NAME}</option>
				 {% ENDFOR %}
			 </select>
			 </form>

В main.css добавьте:
#header .links .parent a {
padding-right: 30px;
}
Плюс ко всему в первом блоке ссылок (боковом) открылись все подкатегории

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

  • вопрос3.jpg


#7 Vaccina

Vaccina

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

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

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

В main.css найдите:
.accordion1 { list-style-type: none;position: relative; }
.accordion1 ul { padding: 0 !important; margin: 0; display: block; width: 100%;position: relative;overflow: hidden !important;}
.accordion1 li { background: #fff; cursor: pointer; list-style-type: none; padding: 0; margin: 0;display: block; position:relative;}

замените на:
.accordion1, .accordion2 { list-style-type: none;position: relative; }
.accordion1 ul, .accordion2 ul { padding: 0 !important; margin: 0; display: block; width: 100%;position: relative;overflow: hidden !important;}
.accordion1 li , .accordion2 li{ background: #fff; cursor: pointer; list-style-type: none; padding: 0; margin: 0;display: block; position:relative;}
ul .accordion2 {
	position: absolute !important;
	width: 400px !important;
	background: #FFF none repeat scroll 0% 0%;
	box-shadow: 1px 1px 5px #CCC;
	top: 40px;
}
ul .accordion2 li {
	display: inline-block;
	width: 50%;
}
Далее найдите:
.accordion em.open-close{background: #ff0551 url('{ASSETS_IMAGES_PATH}back_toggle.png?design=spring') -2px -3px no-repeat;width: 22px;height: 22px;  position:absolute; right: 4px; top: 8px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.accordion em.open-close:hover {background-color: #333;}
замените на:
.accordion em.open-close, .accordion2 em.open-close{background: #ff0551 url('{ASSETS_IMAGES_PATH}back_toggle.png?design=spring') -2px -3px no-repeat;width: 22px;height: 22px;  position:absolute; right: 4px; top: 8px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.accordion em.open-close:hover, .accordion2 em.open-close:hover {background-color: #333;}
В main.js найдите:
// Меню-аккордеон. Каталог
jQuery(document).ready(function () {
 
  jQuery("ul.accordion1 li.parent").each(function(){
		jQuery(this).append('<em class="open-close">&nbsp;</em>');
  });
 
jQuery('ul.accordion1').accordion();
 
jQuery("ul.accordion1 li.active").each(function(){
jQuery(this).children().next("ul").css('display', 'block');
});
});

после него вставьте:
// Меню-аккордеон. Каталог
jQuery(document).ready(function () {
 
  jQuery("ul.accordion2 li.parent").each(function(){
		jQuery(this).append('<em class="open-close">&nbsp;</em>');
  });
 
jQuery('ul.accordion2').accordion();
 
jQuery("ul.accordion2 li.active").each(function(){
jQuery(this).children().next("ul").css('display', 'block');
});
});

В шаблоне HTML найдите:
<!-- Верхний блок навигации -->
		{%FOR catalog_full%}
																				{% IF catalog_full.FIRST %}<ul class="accordion">{% ENDIF %}
																				<li {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="{% IF catalog_full.ISSET_SUB %}parent{% ENDIF %}{% IF catalog_full.CURRENT %} active{% ELSEIF catalog_full.CURRENT_PARENT %} active{% ENDIF %}">
																																								  <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%}
						  </ul>

замените на:
<!-- Верхний блок навигации -->
		{%FOR catalog_full%}
																				{% IF catalog_full.FIRST %}<ul class="accordion2">{% ENDIF %}
																				<li {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="{% IF catalog_full.ISSET_SUB %}parent{% ENDIF %}{% IF catalog_full.CURRENT %} active{% ELSEIF catalog_full.CURRENT_PARENT %} active{% ENDIF %}">
																																								  <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%}
						  <!-- end Верхний блок навигации -->


#8 zoovmeste

zoovmeste

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

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

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

Просмотр сообщенияVaccina (07 Октябрь 2015 - 06:04) писал:

В main.css найдите:
.accordion1 { list-style-type: none;position: relative; }
.accordion1 ul { padding: 0 !important; margin: 0; display: block; width: 100%;position: relative;overflow: hidden !important;}
.accordion1 li { background: #fff; cursor: pointer; list-style-type: none; padding: 0; margin: 0;display: block; position:relative;}

замените на:
.accordion1, .accordion2 { list-style-type: none;position: relative; }
.accordion1 ul, .accordion2 ul { padding: 0 !important; margin: 0; display: block; width: 100%;position: relative;overflow: hidden !important;}
.accordion1 li , .accordion2 li{ background: #fff; cursor: pointer; list-style-type: none; padding: 0; margin: 0;display: block; position:relative;}
ul .accordion2 {
position: absolute !important;
width: 400px !important;
background: #FFF none repeat scroll 0% 0%;
box-shadow: 1px 1px 5px #CCC;
top: 40px;
}
ul .accordion2 li {
display: inline-block;
width: 50%;
}
Далее найдите:
.accordion em.open-close{background: #ff0551 url('{ASSETS_IMAGES_PATH}back_toggle.png?design=spring') -2px -3px no-repeat;width: 22px;height: 22px; position:absolute; right: 4px; top: 8px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.accordion em.open-close:hover {background-color: #333;}
замените на:
.accordion em.open-close, .accordion2 em.open-close{background: #ff0551 url('{ASSETS_IMAGES_PATH}back_toggle.png?design=spring') -2px -3px no-repeat;width: 22px;height: 22px; position:absolute; right: 4px; top: 8px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.accordion em.open-close:hover, .accordion2 em.open-close:hover {background-color: #333;}
В main.js найдите:
// Меню-аккордеон. Каталог
jQuery(document).ready(function () {

jQuery("ul.accordion1 li.parent").each(function(){
	 jQuery(this).append('<em class="open-close">&nbsp;</em>');
});

jQuery('ul.accordion1').accordion();

jQuery("ul.accordion1 li.active").each(function(){
jQuery(this).children().next("ul").css('display', 'block');
});
});

после него вставьте:
// Меню-аккордеон. Каталог
jQuery(document).ready(function () {

jQuery("ul.accordion2 li.parent").each(function(){
	 jQuery(this).append('<em class="open-close">&nbsp;</em>');
});

jQuery('ul.accordion2').accordion();

jQuery("ul.accordion2 li.active").each(function(){
jQuery(this).children().next("ul").css('display', 'block');
});
});

В шаблоне HTML найдите:
<!-- Верхний блок навигации -->
	 {%FOR catalog_full%}
																			 {% IF catalog_full.FIRST %}<ul class="accordion">{% ENDIF %}
																			 <li {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="{% IF catalog_full.ISSET_SUB %}parent{% ENDIF %}{% IF catalog_full.CURRENT %} active{% ELSEIF catalog_full.CURRENT_PARENT %} active{% ENDIF %}">
																																								 <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%}
						 </ul>

замените на:
<!-- Верхний блок навигации -->
	 {%FOR catalog_full%}
																			 {% IF catalog_full.FIRST %}<ul class="accordion2">{% ENDIF %}
																			 <li {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="{% IF catalog_full.ISSET_SUB %}parent{% ENDIF %}{% IF catalog_full.CURRENT %} active{% ELSEIF catalog_full.CURRENT_PARENT %} active{% ENDIF %}">
																																								 <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%}
						 <!-- end Верхний блок навигации -->
Спасибо отлично.
Но еще не все. Необходимо сделать 6 категорий (как во вложении) и чтобы в каждую из них можно было добавить подкатегории (они должны выпадать при наведении)

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

  • меню.jpg


#9 Vaccina

Vaccina

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

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

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

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

#10 zoovmeste

zoovmeste

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

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

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

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

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

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

  • меню.jpg


#11 zoovmeste

zoovmeste

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

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

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

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

Создайте пожалуйста данные категории, так как в обоих каталогах мне придется прописывать для них дополнительные условия
Добавил еще две категории: Доставка и Оплата. А то забыл про них....

#12 zoovmeste

zoovmeste

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

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

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

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

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

#13 zoovmeste

zoovmeste

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

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

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

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

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

#14 Alekseys

Alekseys

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

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

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

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

Вы игнорируете данную тему?
Здравствуйте. В main.css замените
#header .links a:hover, #header .links a.selected {background-color:#ffffff;padding:11px 10px 9px 10px;}
на
#header .links a.selected {background-color:#ffffff;padding:11px 10px 9px 10px;}
и в конец main.css добавьте
#header .links li:hover .accordion2 {display: block!important;}


#15 Vaccina

Vaccina

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

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

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

Никто вас не игнорирует, простите за ожидание. В шаблоне HTML найдите:
<div class="links">
			  <!-- Верхний блок навигации -->
				{%FOR catalog_full%}
					{% IF catalog_full.FIRST %}<ul class="accordion2">{% ENDIF %}
						<li {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="{% IF catalog_full.ISSET_SUB %}parent{% ENDIF %}{% IF catalog_full.CURRENT %} active{% ELSEIF catalog_full.CURRENT_PARENT %} active{% ENDIF %}">
						  <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%}
				<!-- end Верхний блок навигации -->

замените на:
<div class="links">
			  <!-- Верхний блок навигации -->
				{%FOR catalog_full%}
					{% IF catalog_full.FIRST %}<ul class="accordion2">{% ENDIF %}
						<li
	{% IF catalog_full.LEVEL = 0 && catalog_full.NAME != СОБАКИ && catalog_full.NAME != КОШКИ && catalog_full.NAME != ГРЫЗУНЫ, ХОРЬКИ && catalog_full.NAME != РЫБКИ && catalog_full.NAME != ПТИЦЫ %}style="display:none;"{% ENDIF %} class="{% IF catalog_full.ISSET_SUB %}parent{% ENDIF %}{% IF catalog_full.CURRENT %} active{% ELSEIF catalog_full.CURRENT_PARENT %} active{% ENDIF %}">
						  <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%}
				<!-- end Верхний блок навигации -->
				


#16 zoovmeste

zoovmeste

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

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

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

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

Никто вас не игнорирует, простите за ожидание. В шаблоне HTML найдите:
<div class="links">
			 <!-- Верхний блок навигации -->
			 {%FOR catalog_full%}
				 {% IF catalog_full.FIRST %}<ul class="accordion2">{% ENDIF %}
					 <li {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="{% IF catalog_full.ISSET_SUB %}parent{% ENDIF %}{% IF catalog_full.CURRENT %} active{% ELSEIF catalog_full.CURRENT_PARENT %} active{% ENDIF %}">
						 <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%}
			 <!-- end Верхний блок навигации -->

замените на:
<div class="links">
			 <!-- Верхний блок навигации -->
			 {%FOR catalog_full%}
				 {% IF catalog_full.FIRST %}<ul class="accordion2">{% ENDIF %}
					 <li
{% IF catalog_full.LEVEL = 0 && catalog_full.NAME != СОБАКИ && catalog_full.NAME != КОШКИ && catalog_full.NAME != ГРЫЗУНЫ, ХОРЬКИ && catalog_full.NAME != РЫБКИ && catalog_full.NAME != ПТИЦЫ %}style="display:none;"{% ENDIF %} class="{% IF catalog_full.ISSET_SUB %}parent{% ENDIF %}{% IF catalog_full.CURRENT %} active{% ELSEIF catalog_full.CURRENT_PARENT %} active{% ENDIF %}">
						 <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%}
			 <!-- end Верхний блок навигации -->
Спасибо. Теперь:

1) Необходимо сделать категории как на картинке во вложении, категории нужно залить такими же цветами + добавить "Доставка","Оплата"
2) В верхнем меню не появились категории : Акции, Доставка, Оплата
3) В левом блоке не нужны некоторые категории (они должны быть только в верхнем меню)Указаны на схеме

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

  • меню.jpg
  • схема.jpg


#17 Danil

Danil

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

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

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

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

Спасибо. Теперь:

1) Необходимо сделать категории как на картинке во вложении, категории нужно залить такими же цветами + добавить "Доставка","Оплата"
2) В верхнем меню не появились категории : Акции, Доставка, Оплата
3) В левом блоке не нужны некоторые категории (они должны быть только в верхнем меню)Указаны на схеме
Здравствуйте.
В шаблоне html найдите код
		 <!-- Каталог товаров -->			  
				  {%IFNOT catalog_full_empty%}
						<div class="box">
						  <div class="box-heading">СОБАКИ</div>
						  <div class="box-content">
								<div class="box-category">
								  {%FOR catalog_full%}
										{% IF catalog_full.FIRST %}<ul class="accordion">{% ENDIF %}
										<li {% IF catalog_full.NAME=Акции%}style="  background: #ff0551;"{% ENDIF %}{% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="{% IF catalog_full.ISSET_SUB %}parent{% ENDIF %}{% IF catalog_full.CURRENT %} active{% ELSEIF catalog_full.CURRENT_PARENT %} active{% ENDIF %}">
																				  <a {% IF catalog_full.NAME=АКЦИИ%}style="color: #ff0551;"{% ENDIF %}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%}
				  <!-- /Каталог товаров -->
и замените на
  <!-- Каталог товаров -->			  
				  {%IFNOT catalog_full_empty%}
						<div class="box">
						  <div class="box-heading">СОБАКИ</div>
						  <div class="box-content">
								<div class="box-category">
								  {%FOR catalog_full%}
										{% IF catalog_full.FIRST %}<ul class="accordion">{% ENDIF %}
										<li {% IF catalog_full.NAME= СОБАКИ || catalog_full.NAME= КОШКИ || catalog_full.NAME=ГРЫЗУНЫ, ХОРЬКИ ||  catalog_full.NAME=РЫБКИ ||  catalog_full.NAME=ПТИЦЫ || catalog_full.NAME=АКЦИИ || catalog_full.NAME=ДОСТАВКА || catalog_full.NAME=ОПЛАТА %}style="display:none;"{% ENDIF %}{% IF catalog_full.NAME=Акции%}style="  background: #ff0551;"{% ENDIF %}{% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="{% IF catalog_full.ISSET_SUB %}parent{% ENDIF %}{% IF catalog_full.CURRENT %} active{% ELSEIF catalog_full.CURRENT_PARENT %} active{% ENDIF %}">
																				  <a {% IF catalog_full.NAME=АКЦИИ%}style="color: #ff0551;"{% ENDIF %}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%}
				  <!-- /Каталог товаров -->
В конец main.css добавьте
#header ul.accordion2 em {
	display: none;
}
В шаблоне html найдите код
	 <!-- Верхний блок навигации -->
								{%FOR catalog_full%}
										{% IF catalog_full.FIRST %}<ul class="accordion2">{% ENDIF %}
												<li
		{% IF catalog_full.LEVEL = 0 && catalog_full.NAME != СОБАКИ && catalog_full.NAME != КОШКИ && catalog_full.NAME != ГРЫЗУНЫ, ХОРЬКИ && catalog_full.NAME != РЫБКИ && catalog_full.NAME != ПТИЦЫ %}style="display:none;"{% ENDIF %} class="{% IF catalog_full.ISSET_SUB %}parent{% ENDIF %}{% IF catalog_full.CURRENT %} active{% ELSEIF catalog_full.CURRENT_PARENT %} active{% ENDIF %}">
												  <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%}
								<!-- end Верхний блок навигации -->
и замените на

  <!-- Верхний блок навигации -->
								{%FOR catalog_full%}
										{% IF catalog_full.FIRST %}<ul class="accordion2">{% ENDIF %}
												<li
		{% IF catalog_full.LEVEL = 0 && catalog_full.NAME != СОБАКИ && catalog_full.NAME != КОШКИ && catalog_full.NAME != ГРЫЗУНЫ, ХОРЬКИ && catalog_full.NAME != РЫБКИ && catalog_full.NAME != ПТИЦЫ %}style="display:none;"{% ENDIF %} class="{% IF catalog_full.ISSET_SUB %}parent{% ENDIF %}{% IF catalog_full.CURRENT %} active{% ELSEIF catalog_full.CURRENT_PARENT %} active{% ENDIF %}">
												  <a href="{catalog_full.URL}"
												   {% IF catalog_full.NAME= СОБАКИ %}style="color: #f00;background: #ff0;font-size: 25px;"
												{% ELSEIFcatalog_full.NAME= КОШКИ %}style="color: #f00;background: #ff0;font-size: 25px;"
												{% ELSEIFcatalog_full.NAME=ГРЫЗУНЫ, ХОРЬКИ %}  style="color: #f00;background: #ff0;font-size: 25px;"
												{% ELSEIFcatalog_full.NAME=РЫБКИ %}  style="color: #f00;background: #ff0;font-size: 25px;"
												{% ELSEIFcatalog_full.NAME=ПТИЦЫ %}style="color: #f00;background: #ff0;font-size: 25px;"
												{% ELSEIFcatalog_full.NAME=АКЦИИ %}style="color: #f00;background: #ff0;font-size: 25px;"
												{% ELSEIFcatalog_full.NAME=ДОСТАВКА %} style="color: #f00;background: #ff0;font-size: 25px;"
												{% ELSEIF catalog_full.NAME=ОПЛАТА %}style="color: #f00;background: #ff0;font-size: 25px;"{% ENDIF %}
												  {% 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%}
								<!-- end Верхний блок навигации -->
В последнем коде стили изменяйте на свои(color, background, font-size)

#18 zoovmeste

zoovmeste

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

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

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

Просмотр сообщенияDanil (20 Октябрь 2015 - 10:31) писал:

Здравствуйте.
В шаблоне html найдите код
		 <!-- Каталог товаров -->			
				 {%IFNOT catalog_full_empty%}
					 <div class="box">
						 <div class="box-heading">СОБАКИ</div>
						 <div class="box-content">
							 <div class="box-category">
								 {%FOR catalog_full%}
									 {% IF catalog_full.FIRST %}<ul class="accordion">{% ENDIF %}
									 <li {% IF catalog_full.NAME=Акции%}style=" background: #ff0551;"{% ENDIF %}{% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="{% IF catalog_full.ISSET_SUB %}parent{% ENDIF %}{% IF catalog_full.CURRENT %} active{% ELSEIF catalog_full.CURRENT_PARENT %} active{% ENDIF %}">
																				 <a {% IF catalog_full.NAME=АКЦИИ%}style="color: #ff0551;"{% ENDIF %}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%}
				 <!-- /Каталог товаров -->
и замените на
<!-- Каталог товаров -->			
				 {%IFNOT catalog_full_empty%}
					 <div class="box">
						 <div class="box-heading">СОБАКИ</div>
						 <div class="box-content">
							 <div class="box-category">
								 {%FOR catalog_full%}
									 {% IF catalog_full.FIRST %}<ul class="accordion">{% ENDIF %}
									 <li {% IF catalog_full.NAME= СОБАКИ || catalog_full.NAME= КОШКИ || catalog_full.NAME=ГРЫЗУНЫ, ХОРЬКИ || catalog_full.NAME=РЫБКИ || catalog_full.NAME=ПТИЦЫ || catalog_full.NAME=АКЦИИ || catalog_full.NAME=ДОСТАВКА || catalog_full.NAME=ОПЛАТА %}style="display:none;"{% ENDIF %}{% IF catalog_full.NAME=Акции%}style=" background: #ff0551;"{% ENDIF %}{% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="{% IF catalog_full.ISSET_SUB %}parent{% ENDIF %}{% IF catalog_full.CURRENT %} active{% ELSEIF catalog_full.CURRENT_PARENT %} active{% ENDIF %}">
																				 <a {% IF catalog_full.NAME=АКЦИИ%}style="color: #ff0551;"{% ENDIF %}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%}
				 <!-- /Каталог товаров -->
В конец main.css добавьте
#header ul.accordion2 em {
display: none;
}
В шаблоне html найдите код
<!-- Верхний блок навигации -->
{%FOR catalog_full%}
{% IF catalog_full.FIRST %}<ul class="accordion2">{% ENDIF %}
<li
{% IF catalog_full.LEVEL = 0 && catalog_full.NAME != СОБАКИ && catalog_full.NAME != КОШКИ && catalog_full.NAME != ГРЫЗУНЫ, ХОРЬКИ && catalog_full.NAME != РЫБКИ && catalog_full.NAME != ПТИЦЫ %}style="display:none;"{% ENDIF %} class="{% IF catalog_full.ISSET_SUB %}parent{% ENDIF %}{% IF catalog_full.CURRENT %} active{% ELSEIF catalog_full.CURRENT_PARENT %} active{% ENDIF %}">
<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%}
<!-- end Верхний блок навигации -->
и замените на

<!-- Верхний блок навигации -->
{%FOR catalog_full%}
{% IF catalog_full.FIRST %}<ul class="accordion2">{% ENDIF %}
<li
{% IF catalog_full.LEVEL = 0 && catalog_full.NAME != СОБАКИ && catalog_full.NAME != КОШКИ && catalog_full.NAME != ГРЫЗУНЫ, ХОРЬКИ && catalog_full.NAME != РЫБКИ && catalog_full.NAME != ПТИЦЫ %}style="display:none;"{% ENDIF %} class="{% IF catalog_full.ISSET_SUB %}parent{% ENDIF %}{% IF catalog_full.CURRENT %} active{% ELSEIF catalog_full.CURRENT_PARENT %} active{% ENDIF %}">
<a href="{catalog_full.URL}"
{% IF catalog_full.NAME= СОБАКИ %}style="color: #f00;background: #ff0;font-size: 25px;"
{% ELSEIFcatalog_full.NAME= КОШКИ %}style="color: #f00;background: #ff0;font-size: 25px;"
{% ELSEIFcatalog_full.NAME=ГРЫЗУНЫ, ХОРЬКИ %} style="color: #f00;background: #ff0;font-size: 25px;"
{% ELSEIFcatalog_full.NAME=РЫБКИ %} style="color: #f00;background: #ff0;font-size: 25px;"
{% ELSEIFcatalog_full.NAME=ПТИЦЫ %}style="color: #f00;background: #ff0;font-size: 25px;"
{% ELSEIFcatalog_full.NAME=АКЦИИ %}style="color: #f00;background: #ff0;font-size: 25px;"
{% ELSEIFcatalog_full.NAME=ДОСТАВКА %} style="color: #f00;background: #ff0;font-size: 25px;"
{% ELSEIF catalog_full.NAME=ОПЛАТА %}style="color: #f00;background: #ff0;font-size: 25px;"{% ENDIF %}
{% 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%}
<!-- end Верхний блок навигации -->
В последнем коде стили изменяйте на свои(color, background, font-size)
Спасибо за ответ
Теперь:
1) Между категориями нужно сделать разделение, а то сливаются
2) Категория "Доставка" и "Оплата" - не появились
3) Корзину нужно переместить между номером телефона и поиском по сайтом: при наведении на категорию "Птицы" - подкатегории залазиют на корзину

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

  • меню.jpg


#19 RayLi

RayLi

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

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

Отправлено 25 Октябрь 2015 - 09:44

Просмотр сообщенияzoovmeste (24 Октябрь 2015 - 22:05) писал:

Спасибо за ответ
Теперь:
1) Между категориями нужно сделать разделение, а то сливаются
2) Категория "Доставка" и "Оплата" - не появились
3) Корзину нужно переместить между номером телефона и поиском по сайтом: при наведении на категорию "Птицы" - подкатегории залазиют на корзину

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

#header .links ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	border-left: 2px #fff;
}

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

#header .links ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	border-left: 2px #fff;
	padding-left: 5px;
}


#20 zoovmeste

zoovmeste

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

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

Отправлено 25 Октябрь 2015 - 22:49

Просмотр сообщенияRayLi (25 Октябрь 2015 - 09:44) писал:

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

#header .links ul li {
margin: 0;
padding: 0;
list-style: none;
float: left;
border-left: 2px #fff;
}

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

#header .links ul li {
margin: 0;
padding: 0;
list-style: none;
float: left;
border-left: 2px #fff;
padding-left: 5px;
}
Отлично!
Теперь оставшиеся два пункта
2) Категория "Доставка" и "Оплата" - не появились
3) Корзину нужно переместить между номером телефона и поиском по сайтом: при наведении на категорию "Птицы" - подкатегории залазиют на корзину




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

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