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

[support 2.0]

 dervish (06 Декабрь 2012 - 09:43) писал:

Тот код на который вы указывайте я пробовал, но ничего не вышло. В данный момент у меня следующий код в HTML:

<!-- Каталог -->
<div class="pad-box">
<ul class="leftmenu">
<li class="categories"><h2><a href="{CATALOG_full_URL}" class="indexPage">Каталог товаров</a></h2>
	 <ul>
	 {%IFNOT catalog_full_empty %}
	 {% FOR catalog_full %}
		 {% IFNOT catalog_full.HIDE %}
		 {% IF catalog_full.FIRST %}<ul id="myTree">{% ENDIF %}
			 <li class="cat-item{% IF catalog_full.LEVEL=0%} root{% ENDIF %}{% IF catalog_full.LEVEL>=1 %} sub{% ENDIF %}{% IF catalog_full.CURRENT %} selected{% ENDIF %}">
			 <a href="{catalog_full.URL}"
			 {% IF catalog_full.LEVEL>0%}style="padding-left:{catalog_full.LEVEL | multiply("20")}px"{% ENDIF %}
			 {% IF catalog_full.CURRENT %}class="selected"{% ENDIF %}
			 >{catalog_full.NAME} {% IFNOT catalog_full.ISSET_SUB %}<span style="color:gray;">({catalog_full.GOODS_COUNT} )</span>{% ENDIF %}</a>
		 </li>
			 {% ENDIF %}
	 {% ENDFOR %}
	 {% ENDIF %}
	 </ul><br />
</li>

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

Что конкретно Вас не устраивает? У Вас вроде сейчас и есть древовидная структура каталога.

[dervish]

 support 2.0 (06 Декабрь 2012 - 11:02) писал:

Что конкретно Вас не устраивает? У Вас вроде сейчас и есть древовидная структура каталога.

Все верно. Возможно я не правильно поставил задачу. Идея: есть фильтрация по брендам. Хочу в каждый бренд вписать подкатегорию. Понимаете, если под каждый бренд вписывать подкатегрию, то будет громоздко. Согласитесь?! Поэтому, хочу сделать так, чтобы при нажатии список раскрывался и закрывался условным "+" или "-". Все описанные выше действия повторял и  с разными плагинами, но результата это не принесло. На данный момент Каталог оставил без изменений.

Спасибо за оперативные ответы! Очень благодарен

[Koderhan]

http://forum.storela...звернутое-меню/
http://forum.storela...dpost__p__10375
http://forum.storela...dpost__p__15641
http://forum.storela..._2796#entry2796

http://forum.storela...а-один-уровень/

[dervish]

 Koderhan (11 Декабрь 2012 - 07:34) писал:

http://forum.storela...звернутое-меню/
http://forum.storela...dpost__p__10375
http://forum.storela...dpost__p__15641
http://forum.storela..._2796#entry2796

http://forum.storela...а-один-уровень/

Возможно раскрытие и закрытие каталога товаров без подключения плагинов?

[Vaccina]

К сожалению без использования сторонних плагинов такое будет реализовать проблематично. В любом случае необходимо будет это реализовывать на jquery, что по сути получиться тоже самое. Нет необходимости делать велосипед, лучше подключить необходимый функционал с помощью плагинов jquery

[ais-83]

Как добавить файл в стили и скрипты, если его добавить в файлы - пойдет?В каком формате д.б. файл скачан, у меня скачивается в JScript (.js). Никак не получается сделать меню-дерево.Все перепробовала, надеюсь проблема в файле. и Вы подскажите. Спасибо .

http://s615913.store...eland.ru/ссылка

[Koderhan]

 ais-83 (05 Март 2013 - 11:41) писал:

Как добавить файл в стили и скрипты, если его добавить в файлы - пойдет?В каком формате д.б. файл скачан, у меня скачивается в JScript (.js). Никак не получается сделать меню-дерево.Все перепробовала, надеюсь проблема в файле. и Вы подскажите. Спасибо .

http://s615913.store...eland.ru/ссылка

Файлы в формате js нужно загружать в "Сайт"-> "Редактор тем".
А затем еще нужно подключать этот файл к сайту в файле "HTML".

[Repych]

Я так понимаю, код html изменился, и теперь эту инструкцию затруднительно выполнить.
У меня код каталога стандартно такой:

<!-- Каталог сайта -->
<div class="block">
	 <div class="blocktitle bluesmall"><a href="{CATALOG_URL}">Каталог сайта</a></div>
	 <div class="blockmain navigation fnt12n">
	 <ul>
	 {% IFNOT catalog_empty %}
		 {% FOR catalog %}
		 {% IFNOT catalog.HIDE %}
			 <li class="{% IF catalog.LEVEL>0%}incat{% ENDIF %} {% IF catalog.CURRENT %}fnt12b{% ENDIF %}"><a href="{catalog.URL}" {% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("30")}px"{% ENDIF %}>{catalog.NAME}</a></li>
		 {% ENDIF %}
		 {% ENDFOR %}
	 {% ENDIF %}
	 </ul>
	 </div>
	 <div class="blockbottom"></div>
</div>
<!-- END Каталог сайта -->

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

UPD: заменил везде catalog на catalog_full и добавил к ul id. Каталог раскрылся, но пишет ошибку скрипта.

Как все-таки правильно добавлять, просто в конец файла main.js? Если да, то на сайте появляется ошибка ( во вложении принтскрин).

$(document).ready(function() {
  $('#myTree').menuTree({
		animation: true,
		handler: 'slideToggle',
		anchor: 'a[rel="withchild"]',
		trace: false
  });
});

Еще хотелось бы уточнить какой скрипт использовать?
jquery.plugin.menuTree.js или jquery.plugin.menuTree.pack.js и в чем отличие?
(с сайта: https://github.com/p...MenuTree-Plugin)

Этот кусок верно исправил?

<!-- Каталог сайта -->
	<div class="block">
	  <div class="blocktitle bluesmall"><a href="{catalog_full_URL}">Каталог сайта</a></div>
	  <div class="blockmain navigation fnt12n">
		<ul id="myTree">
		{% IFNOT catalog_full_empty %}
		  {% FOR catalog_full %}
			{% IFNOT catalog_full.HIDE %}
			  <li class="{% IF catalog_full.LEVEL>0%}incat{% ENDIF %} {% IF catalog_full.CURRENT %}fnt12b{% ENDIF %}"><a href="{catalog_full.URL}" {% IF catalog_full.LEVEL>0%}style="padding-left:{catalog_full.LEVEL | multiply("30")}px"{% ENDIF %}>{catalog_full.NAME}</a></li>
			{% ENDIF %}
		  {% ENDFOR %}
		{% ENDIF %}
		</ul>
	  </div>
	  <div class="blockbottom"></div>
	</div>
	<!-- END Каталог сайта -->

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

• 

[Сake]

Попробуйте использовать "jquery.plugin.menuTree.pack.js"
Каталог необходимо менять не только простым заменой переменной на _full, а необходимо менять полностью структуру каталога. Необходима вложенность в каталоге, т.е <ul><li><ul>

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

<!-- Каталог сайта -->
		<div class="block">
		  <div class="blocktitle bluesmall"><a href="{catalog_full_URL}">Каталог сайта</a></div>
		  <div class="blockmain navigation fnt12n">
				<ul>
				{% IFNOT catalog_full_empty %}
				  {% FOR catalog_full %}
	  {% IF catalog_full.FIRST %}<ul id="myTree">{% ENDIF %}
						  <li {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="{% IF catalog_full.LEVEL>0%}incat{% ENDIF %} {% IF catalog_full.CURRENT %}fnt12b{% ENDIF %} cat-item{% IF catalog_full.LEVEL=0%} root{% ENDIF %}{% IF catalog_full.LEVEL>=1 %} sub{% ENDIF %}{% IF catalog_full.CURRENT %} selected{% ENDIF %} level{catalog_full.LEVEL} nav-{catalog_full.index} {% IF catalog_full.CURRENT %}active{% ELSEIF catalog_full.CURRENT_PARENT %}active{% ENDIF %} {% IF catalog_full.ISSET_SUB %}parent{% ENDIF %}"><a {% IF catalog_full.CURRENT %}class="selected"{% ENDIF %} href="{catalog_full.URL}" {% IF catalog_full.LEVEL>0%}style="padding-left:{catalog_full.LEVEL | multiply("30")}px"{% 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 %}
				{% ENDIF %}
				</ul>
		  </div>
		  <div class="blockbottom"></div>
		</div>
		<!-- END Каталог сайта -->

[Repych]

 Сake (05 Апрель 2013 - 02:01) писал:

Попробуйте использовать "jquery.plugin.menuTree.pack.js"
Каталог необходимо менять не только простым заменой переменной на _full, а необходимо менять полностью структуру каталога. Необходима вложенность в каталоге, т.е <ul><li><ul>

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

<!-- Каталог сайта -->
	 <div class="block">
		 <div class="blocktitle bluesmall"><a href="{catalog_full_URL}">Каталог сайта</a></div>
		 <div class="blockmain navigation fnt12n">
			 <ul>
			 {% IFNOT catalog_full_empty %}
				 {% FOR catalog_full %}
	 {% IF catalog_full.FIRST %}<ul id="myTree">{% ENDIF %}
						 <li {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="{% IF catalog_full.LEVEL>0%}incat{% ENDIF %} {% IF catalog_full.CURRENT %}fnt12b{% ENDIF %} cat-item{% IF catalog_full.LEVEL=0%} root{% ENDIF %}{% IF catalog_full.LEVEL>=1 %} sub{% ENDIF %}{% IF catalog_full.CURRENT %} selected{% ENDIF %} level{catalog_full.LEVEL} nav-{catalog_full.index} {% IF catalog_full.CURRENT %}active{% ELSEIF catalog_full.CURRENT_PARENT %}active{% ENDIF %} {% IF catalog_full.ISSET_SUB %}parent{% ENDIF %}"><a {% IF catalog_full.CURRENT %}class="selected"{% ENDIF %} href="{catalog_full.URL}" {% IF catalog_full.LEVEL>0%}style="padding-left:{catalog_full.LEVEL | multiply("30")}px"{% 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 %}
			 {% ENDIF %}
			 </ul>
		 </div>
		 <div class="blockbottom"></div>
	 </div>
	 <!-- END Каталог сайта -->

Все сделал, не работает, а так хочется.
После добавления куска кода в main.js на сайте появляется сообщение об ошибке. Надежда понять почему есть?

UPD. Сори, это был эпик фэйл, я нажал на сайте со скриптом сохранить как, и сохранил на комп, с него и закачал. Сейчас раскрыл содержание, а в нем код страницы... Скопировал ручками в файл, ошибка пропала. Но список так и не работает.

Сообщение отредактировал Repych: 05 Апрель 2013 - 11:24

[Repych]

Я немного поэкспериментировал со списком, и даже если сделать обычный список, не работает.

				 <div>
						 <ul id="myTree">
							 <li><a href="#">Раздел 1</a>
							 <ul>
							 <li><a href="#">Подраздел 1</a></li>
							 <li><a href="#">Подраздел 2</a></li>
							 <li><a href="#">Подраздел 3</a></li>
							 </ul>
							 </li>
							 <li><a href="#">Раздел 2</a>
							 <ul>
							 <li><a href="#">Подраздел 4</a></li>
							 <li><a href="#">Подраздел 5</a></li>
							 <li><a href="#">Подраздел 6</a></li>
							 </ul>
							 </li>
							 </ul>
				 </div>

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

• 

[Сake]

Если обычный список так же не работает, то это значит присутствует проблема с javascript'ом. Пожалуйста, сообщите адрес вашего сайта, или номер вашего аккаунта. Не убирайте внесенные вами изменения, чтобы можно было понять в чем проблема.

[Repych]

 Сake (06 Апрель 2013 - 01:09) писал:

Если обычный список так же не работает, то это значит присутствует проблема с javascript'ом. Пожалуйста, сообщите адрес вашего сайта, или номер вашего аккаунта. Не убирайте внесенные вами изменения, чтобы можно было понять в чем проблема.

Доброй ночи! SL-192483. Я каталог вернул в прежнее состояние, в смысле как выше мне выкладывали код для того, чтобы меню заработало.
В main.js код вставлен в это место

$(document).ready(function(){
$('#myTree').menuTree({
			 animation: true,
			 handler: 'slideToggle',
			 anchor: 'a[rel="#"]',
			 trace: true
});
// Валидация формы на странице оформления заказа, а так же формы на страницы связи с администрацией

В maim.css код вставлен в самый конец:

#myTree .menuTree:before { content: "[+] "; }
#myTree .expanded:before { content: "[-] "; }
#myTree .collapsed { display: none; }

Скрипт подключен такой:

  <!-- Скрипты магазина -->
  <script type="text/javascript" src="{ASSETS_JS_PATH}main.js"></script>
  <script type="text/javascript" src="{ASSETS_JS_PATH}jquery.plugin.menuTree.pack.js"></script>

Сообщение отредактировал Repych: 06 Апрель 2013 - 01:32

[Сake]

Попробуйте использовать следующий код каталога

<!-- Каталог сайта -->
		 <div class="block">
				 <div class="blocktitle bluesmall"><a href="{catalog_full_URL}">Каталог сайта</a></div>
				 <div class="blockmain navigation fnt12n">
						 {% IFNOT catalog_full_empty %}
								 {% FOR catalog_full %}
		 {% IF catalog_full.FIRST %}<ul id="myTree">{% ENDIF %}
												 <li {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="{% IF catalog_full.LEVEL>0%}incat{% ENDIF %} {% IF catalog_full.CURRENT %}fnt12b{% ENDIF %} cat-item{% IF catalog_full.LEVEL=0%} root{% ENDIF %}{% IF catalog_full.LEVEL>=1 %} sub{% ENDIF %}{% IF catalog_full.CURRENT %} selected{% ENDIF %} level{catalog_full.LEVEL} nav-{catalog_full.index} {% IF catalog_full.CURRENT %}active{% ELSEIF catalog_full.CURRENT_PARENT %}active{% ENDIF %} {% IF catalog_full.ISSET_SUB %}parent{% ENDIF %}"><a {% IF catalog_full.CURRENT %}class="selected"{% ENDIF %} href="{catalog_full.URL}" {% IF catalog_full.LEVEL>0%}style="padding-left:{catalog_full.LEVEL | multiply("30")}px"{% 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 %}
						 {% ENDIF %}
				 </div>
				 <div class="blockbottom"></div>
		 </div>
		 <!-- END Каталог сайта -->

если не получиться, то попробуйте вместо jquery.plugin.menuTree.pack.js использовать jquery.plugin.menuTree.js

[Repych]

 Сake (06 Апрель 2013 - 02:45) писал:

Попробуйте использовать следующий код каталога

<!-- Каталог сайта -->
		 <div class="block">
				 <div class="blocktitle bluesmall"><a href="{catalog_full_URL}">Каталог сайта</a></div>
<div class="blockmain navigation fnt12n">
						 {% IFNOT catalog_full_empty %}
								 {% FOR catalog_full %}
		 {% IF catalog_full.FIRST %}<ul id="myTree">{% ENDIF %}
												 <li {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="{% IF catalog_full.LEVEL>0%}incat{% ENDIF %} {% IF catalog_full.CURRENT %}fnt12b{% ENDIF %} cat-item{% IF catalog_full.LEVEL=0%} root{% ENDIF %}{% IF catalog_full.LEVEL>=1 %} sub{% ENDIF %}{% IF catalog_full.CURRENT %} selected{% ENDIF %} level{catalog_full.LEVEL} nav-{catalog_full.index} {% IF catalog_full.CURRENT %}active{% ELSEIF catalog_full.CURRENT_PARENT %}active{% ENDIF %} {% IF catalog_full.ISSET_SUB %}parent{% ENDIF %}"><a {% IF catalog_full.CURRENT %}class="selected"{% ENDIF %} href="{catalog_full.URL}" {% IF catalog_full.LEVEL>0%}style="padding-left:{catalog_full.LEVEL | multiply("30")}px"{% 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 %}
{% ENDIF %}
				 </div>
				 <div class="blockbottom"></div>
		 </div>
		 <!-- END Каталог сайта -->

если не получиться, то попробуйте вместо jquery.plugin.menuTree.pack.js использовать jquery.plugin.menuTree.js

Не помогло, с дугим скриптом тоже самое. Я только что обратил внимание, что тема форума для оформления лайт, а у меня пластик. Надеюсь, это не имеет значения?

[Сake]

Раскрытие каталога не влияет какая у вас установлена тема. Попробуйте использовать следующую инструкцию http://forum.storela...ени/#entry15641

Вместо menuTree использовать treeview

[Repych]

 Сake (09 Апрель 2013 - 02:56) писал:

Раскрытие каталога не влияет какая у вас установлена тема. Попробуйте использовать следующую инструкцию http://forum.storela...ени/#entry15641

Вместо menuTree использовать treeview

Спасибо, но в том обсуждении модератор просила доступ к сайту, и что-то там меняла, результат на форуме не выложен. Т.е. повторить по инструкциям не получается. И тема все-таки влияет, т.к. у меня в каталоге нет счетчика товаров, как у человека в этой теме.

[Vaccina]

Счетчик товаров не виляет на работу каталога. Вы можете не вставлять код вывода счетчика или же его просто удалить. Вам необходимо выполнить описанные инструкции приведенные в теме, код реализующий меню находиться тут http://forum.storela...ени/#entry16630

Не забудьте подключить необходимые js файлы, а так же отключить лишние и удалить использование menuTree из файла main.js

Изменения о которых вы говорите описаны тут http://forum.storela...__20#entry17304

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

[Repych]

 Vaccina (10 Апрель 2013 - 03:03) писал:

Счетчик товаров не виляет на работу каталога. Вы можете не вставлять код вывода счетчика или же его просто удалить. Вам необходимо выполнить описанные инструкции приведенные в теме, код реализующий меню находиться тут http://forum.storela...ени/#entry16630

Сделал, не работает.

 Vaccina (10 Апрель 2013 - 03:03) писал:

Изменения о которых вы говорите описаны тут http://forum.storela...__20#entry17304

В получившимся коде нет такой строки: {%IF catalog_full.LEVEL=1%}onclick="$(this).prev().click();return(false);"{%ENDIF%}
Поэтому я и писал, что что-то было сделано непосредственно в админке сайта и на форум не выкладывалось.

В этом файле внесенные изменения, шаблоны перед этим были чистые:  Что было сделано.doc   33,5К   240 Количество загрузок:

Загруженные скрипты:  jquery.treeview.zip   8,53К   82 Количество загрузок:

Вот что получилось: http://basist.storeland.ru/
(SL-198568)

[Vaccina]

У вас по сути меню работает корректно, отсутствуют стили, изображения такие как "treeview-default-line.gif" и "treeview-default.gif". Так же потерялась стандартная структура каталога - плашки и т.д

У вас блок с каталогом должен быть вида

<div class="block">
	<div class="blocktitle bluesmall"><a href="http://test-storeland.storeland.ru/catalog">Каталог сайта</a></div>
	<div class="blockmain navigation fnt12n">
		<ul id="navigation" class="treeview">
			.....							   
		</ul>
	</div>
	<div class="blockbottom"></div>
</div>

а у вас сейчас просто

		<ul id="navigation" class="treeview">
			.....							   
		</ul>

Из-за этого слетела стандартная стилизация.