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

[Flor@@]

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

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

[Flor@@]

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

помогите!!!!!!!!!!!!!!!!!!!!!!!

скрин.

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

• 

[Alexey11]

Здравствуйте, извините за долгий ответ. Перед внесением изменений обязательно создайте бэкап вашего шаблона.
Попробуйте такой вариант решения проблемы. Найдите данный блок кода в шаблоне HTML:

<li class="{% IF catalog_full.LEVEL>0%} incat{% ENDIF %}{% IF catalog_full.CURRENT %}active{% ENDIF %}">
<a href="{catalog_full.URL}"
onclick="$(this).closest('li').find('ul').toggle('slow'); window.location.href='{catalog_full.URL}';return(false);"

Замените его на:

<li class="{% IF catalog_full.LEVEL>0%} incat{% ENDIF %}{% IF catalog_full.CURRENT %}active{% ENDIF %}">
<a href="{catalog_full.URL}"
onclick="$(this).closest('li').find('ul').toggle('slow'); window.location.href='{catalog_full.URL}';"

[Flor@@]

не помогло(((((((

[Flor@@]

все еще не получила помощи вот уже две недели почти.

[Flor@@]

спасибо огромное за помощь!!!!!!!!!!!
как устранить теперь мигание экрана, которое происходит при нажатии на любую категорию каталога?

[Castiel]

Flor@@ (10 Февраль 2014 - 23:52) писал:

спасибо огромное за помощь!!!!!!!!!!!
как устранить теперь мигание экрана, которое происходит при нажатии на любую категорию каталога?

Уточните пожалуйста, про какое мигание идет речь?

[Flor@@]

при переходе иЗ категории в категорию в левом меню кталога, сначала происходит мигание экрана, а потом уже подгружается нужная категория с товарами.

[Castiel]

Flor@@ (11 Февраль 2014 - 13:21) писал:

при переходе иЗ категории в категорию в левом меню кталога, сначала происходит мигание экрана, а потом уже подгружается нужная категория с товарами.

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

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

.block .main.ullinks li a:hover {
background: url({ASSETS_IMAGES_PATH}range-white.png) #be91cf center right no-repeat;
font-size: 18px;
font-weight: bold;
color: #fff;
}

Заменяем на

.block .main.ullinks li a:hover {
background: url({ASSETS_IMAGES_PATH}range-white.png) #be91cf center right no-repeat;
font-size: 15px;
font-weight: bold;
color: #fff;
}

[Flor@@]

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

Сообщение отредактировал Flor@@: 11 Февраль 2014 - 13:33

[Castiel]

Flor@@ (11 Февраль 2014 - 13:32) писал:

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

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

[Alex11]

Igork (16 Апрель 2011 - 22:55) писал:

Добрый вечер!

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

по клику на знак + или стрелочка меню разворачивается без смены страницы
по клику на пункт меню — меню разворачивается и происходит переход на
новую страницу

support (19 Апрель 2011 - 21:24) писал:

Да, конечно же можно, для этого понадобится подправить код в разделе "Сайт" > "Редактор тем", взяв например Jquery JsTree:
http://code.google.c.../downloads/list
или jquery menuTree
http://plugins.jquer...roject/menuTree

Я для простоты примера выберу втрой плагин, он добавляется проще, поэтому приступим:
1) Скачиваем архив плагина отсюда:
https://github.com/p...enuTree-Plugin/
jstree-download-page.png

и закачиваем файл в редактор тем.
jstree-upload.png

2) Вставляем загрузку плагина в шаблоне "html", после загрузки основного списка скриптов как написано в документации, путь берём из картинки выше:

<script type="text/javascript" src="{ASSETS_JS_PATH}jquery.plugin.menuTree.pack.js"></script>

У меня получилось так:

<!-- Скрипты которые не нужно менять, грузятся из папки общих файлов -->
<!-- Это собранные в один файл скрипты из файлов:
{FORALL_JS_PATH}jquery-1.4.2.min.js
{FORALL_JS_PATH}jquery.nyroModal-1.6.2.min.js
{FORALL_JS_PATH}jquery-ui-1.8.4.custom.min.js
{FORALL_JS_PATH}jquery.validate.min.js
{FORALL_JS_PATH}jquery.capslock.min.js
-->
<script type="text/javascript" src="{FORALL_JS_PATH}jquery-1.4.2_nyroModal-1.6.2_validate_capslock_jquery-ui-1.8.4.custom.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js" type="text/javascript" charset="utf-8"></script>

3) В том же шаблоне "html" вместо старого массива категорий выдаём полный список категорий. Было:

{%IFNOT catalog_empty %}
{% FOR catalog %}
{% IFNOT catalog.HIDE %}
{% IF catalog.FIRST %}<ul>{% ENDIF %}
<li>
<a href="{catalog.URL}"
{% IF catalog.CURRENT %}
class="contentTbodyCatalogCurent"
{% ELSEIF catalog.CURRENT_PARENT %}
class="contentTbodyCatalogCurentBranch"
{% ENDIF %}
>
{catalog.NAME}

<!-- Отображение количества товаров в категории -->
{% IF catalog.GOODS_COUNT>0 %}
({catalog.GOODS_COUNT})
{% ENDIF %}
</a>
{% IF catalog.ISSET_SUB=0 %}</li>{% ENDIF %}
{% IF catalog.LAST %}
{% FOR out %}</ul>{%IFNOT catalog.out.LAST %}</li>{% ENDIF %}{% ENDFOR %}
{% ENDIF %}
{% ENDIF %}
{% ENDFOR %}
{% ENDIF %}

Стало:

{%IFNOT catalog_full_empty %}
{% FOR catalog_full %}
{% IFNOT catalog_full.HIDE %}
{% IF catalog_full.FIRST %}<ul id="myTree">{% ENDIF %}
<li>
<a href="{catalog_full.URL}"
{% IF catalog_full.CURRENT %}
class="contentTbodycatalog_fullCurent"
{% ELSEIF catalog_full.CURRENT_PARENT %}
class="contentTbodycatalog_fullCurentBranch"
{% ENDIF %}
{% IF catalog_full.ISSET_SUB %}rel="withchild"{% ENDIF %}
>
{catalog_full.NAME}

<!-- Отображение количества товаров в категории -->
{% IF catalog_full.GOODS_COUNT>0 %}
({catalog_full.GOODS_COUNT})
{% ENDIF %}
</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 %}
{% ENDIF %}
{% ENDFOR %}
{% ENDIF %}

4) Как просят в документации, добавляем простенькие стили в конец файла "main.csstemplate":

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

5) В файле main.js допишем код который нас просят добавить в документации:

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

6) Если всё делалось по инструкции получается примерно так:
jstree-view-1.png
jstree-view-2.png

А вообще изменять отображение дерева категорий можно как угодно, здесь Вы ничем не ограничены, в сочетании с волшебными функциями

{print_vars}

,

{print_arrays}

и этой веткой форума Вы получите в подарок счастье

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

[Сake]

Вам необходимо для скачать и подключить плагин https://github.com/j...jquery-treeview каждый файл загружайте в раздел Сайт -> Редактор шаблонов. Далее необходимо плагин подключить в шаблон "HTML" в виде кода

<script type="text/javascript" src="{ASSETS_JS_PATH}jquery.treeview.js"></script>
<script type="text/javascript" src="{ASSETS_JS_PATH}jquery.treeview.edit.js"></script>
<script type="text/javascript" src="{ASSETS_JS_PATH}jquery.treeview.async.js"></script>
<script type="text/javascript" src="{ASSETS_JS_PATH}jquery.treeview.sortable.js"></script>

данный код размещаете перед подключением main.js

<script type="text/javascript" src="{ASSETS_JS_PATH}main.js"></script>

после этого в файл стилей main.css добавляете код

.treeview, .treeview ul {
  padding: 0;
margin: 0;
list-style: none;
}
.treeview ul {
background-color: white;
margin-top: 4px;
}
.treeview .hitarea {
background: url({ASSETS_IMAGES_PATH}treeview-default.gif) -64px -25px no-repeat;
height: 16px;
width: 16px;
margin-left: -16px;
float: left;
cursor: pointer;
}
/* fix for IE6 */
* html .hitarea {
display: inline;
float:none;
}
.treeview li {
margin: 0;
padding: 3px 0pt 3px 16px;
}
.treeview a.selected {
background-color: #eee;
}
#treecontrol { margin: 1em 0; display: none; }
.treeview .hover { color: red; cursor: pointer; }
.treeview li { background: url({ASSETS_IMAGES_PATH}treeview-default-line.gif) 0 0 no-repeat; }
.treeview li.collapsable, .treeview li.expandable { background-position: 0 -176px; }
.treeview .expandable-hitarea { background-position: -80px -3px; }
.treeview li.last { background-position: 0 -1766px }
.treeview li.lastCollapsable, .treeview li.lastExpandable { background-image: url({ASSETS_IMAGES_PATH}treeview-default.gif); }
.treeview li.lastCollapsable { background-position: 0 -111px }
.treeview li.lastExpandable { background-position: -32px -67px }
.treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea { background-position: 0; }
.treeview-red li { background-image: url({ASSETS_IMAGES_PATH}treeview-red-line.gif); }
.treeview-red .hitarea, .treeview-red li.lastCollapsable, .treeview-red li.lastExpandable { background-image: url({ASSETS_IMAGES_PATH}treeview-red.gif); }
.treeview-black li { background-image: url({ASSETS_IMAGES_PATH}treeview-black-line.gif); }
.treeview-black .hitarea, .treeview-black li.lastCollapsable, .treeview-black li.lastExpandable { background-image: url({ASSETS_IMAGES_PATH}treeview-black.gif); }
.treeview-gray li { background-image: url({ASSETS_IMAGES_PATH}treeview-gray-line.gif); }
.treeview-gray .hitarea, .treeview-gray li.lastCollapsable, .treeview-gray li.lastExpandable { background-image: url({ASSETS_IMAGES_PATH}treeview-gray.gif); }
.treeview-famfamfam li { background-image: url({ASSETS_IMAGES_PATH}treeview-famfamfam-line.gif); }
.treeview-famfamfam .hitarea, .treeview-famfamfam li.lastCollapsable, .treeview-famfamfam li.lastExpandable { background-image: url({ASSETS_IMAGES_PATH}treeview-famfamfam.gif); }
.treeview .placeholder {
background: url({ASSETS_IMAGES_PATH}ajax-loader.gif) 0 0 no-repeat;
height: 16px;
width: 16px;
display: block;
}
.filetree li { padding: 3px 0 2px 16px; }
.filetree span.folder, .filetree span.file { padding: 1px 0 1px 16px; display: block; }
.filetree span.folder { background: url({ASSETS_IMAGES_PATH}folder.gif) 0 0 no-repeat; }
.filetree li.expandable span.folder { background: url({ASSETS_IMAGES_PATH}folder-closed.gif) 0 0 no-repeat; }
.filetree span.file { background: url({ASSETS_IMAGES_PATH}file.gif) 0 0 no-repeat; }

Далее в шаблоне "HTML" код каталога

<ul>
					{%IFNOT catalog_empty %}
					  {% FOR catalog %}
						{% IFNOT catalog.HIDE %}
						  <li class="cat-item">
							<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 %}
					{% ENDIF %}
					</ul><br />

заменяете на код

<!-- Каталог -->
<ul id="navigation">
{%IFNOT catalog_full_empty %}
{% FOR catalog_full %}
{% IFNOT catalog_full.HIDE %}
{% IF catalog_full.index > 1 %}{% IF catalog_full.FIRST %}<ul>{% ENDIF %}{% ENDIF %}
<li>
<a href="{catalog_full.URL}"
{% IF catalog_full.CURRENT %}
class="selected contentTbodycatalog_fullCurent"
{% ELSEIF catalog_full.CURRENT_PARENT %}
class="contentTbodycatalog_fullCurentBranch"
{% ENDIF %}
{% IF catalog_full.ISSET_SUB %}rel="withchild"{% ENDIF %}
>
{catalog_full.NAME}
<!-- Отображение количества товаров в категории -->
{% IF catalog_full.GOODS_COUNT>0 %}
({catalog_full.GOODS_COUNT})
{% ENDIF %}
</a>
{% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %}
{% IF catalog_full.index > 1 %}{% IF catalog_full.LAST %}
{% FOR out %}</ul>{%IFNOT catalog_full.out.LAST %}</li>{% ENDIF %}{% ENDFOR %}
{% ENDIF %}{% ENDIF %}
{% ENDIF %}
{% ENDFOR %}
{% ENDIF %}
</ul>
<!-- end Каталог -->

Далее в файл main.js добавьте код

$(document).ready(function(){
$("#navigation").treeview({
				persist: "location",
				collapsed: true,
				unique: true
});
});

[Alex11]

У меня не хочет загружаться файл ".gitignore"  пишет слишком короткое имя, что с ним делать? И надо ли загружать то что в папке "demo" ? я не стал.

сейчас получилось вот что http://sarushop.ru/
явно что то не то, что я делаю не так?

[Сake]

Вам не нужно загружать файл .gitignore. Загружайте только изображения в директории images, и файлы с расширением *.css и *.js

[Alex11]

Сake (18 Июль 2014 - 01:27) писал:

Вам не нужно загружать файл .gitignore. Загружайте только изображения в директории images, и файлы с расширением *.css и *.js

А ну так вроде и сделал, посмотрите что сейчас не так, я просто не знаю но кажется меню не так должно выглядеть, я где то ошибку сделал? http://sarushop.ru/

[Vaccina]

Можно поставить обычный плюсик, то есть в main.css находим и удаляем:

.treeview li {
	background: url("http://design.sarushop.ru/treeview-default-line.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}

далее находим:

.treeview .hitarea {
	background: url("http://design.sarushop.ru/treeview-default.gif") no-repeat scroll -64px -25px rgba(0, 0, 0, 0);
	cursor: pointer;
	float: left;
	height: 16px;
	margin-left: -16px;
	width: 16px;
}

меняем на:

.treeview .hitarea {
	background: url("http://design.sarushop.ru/treeview-default.gif") no-repeat scroll -64px -25px rgba(0, 0, 0, 0);
	cursor: pointer;
	float: left;
	height: 12px;
	margin-left: -5px;
	margin-top: 25px;
	width: 13px;
}

[Alex11]

Vaccina (18 Июль 2014 - 02:05) писал:

Можно поставить обычный плюсик, то есть в main.css находим и удаляем:

.treeview li {
background: url("http://design.sarushop.ru/treeview-default-line.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}

далее находим:

.treeview .hitarea {
background: url("http://design.sarushop.ru/treeview-default.gif") no-repeat scroll -64px -25px rgba(0, 0, 0, 0);
cursor: pointer;
float: left;
height: 16px;
margin-left: -16px;
width: 16px;
}

меняем на:

.treeview .hitarea {
background: url("http://design.sarushop.ru/treeview-default.gif") no-repeat scroll -64px -25px rgba(0, 0, 0, 0);
cursor: pointer;
float: left;
height: 12px;
margin-left: -5px;
margin-top: 25px;
width: 13px;
}

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

[Vaccina]

Работает и выглядит корректно, просто совет =)

В main.css ищите по первым строкам через поиск браузерный:

.treeview .hitarea {

.treeview li {

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

[Alex11]

Vaccina (18 Июль 2014 - 02:32) писал:

Работает и выглядит корректно, просто совет =)

В main.css ищите по первым строкам через поиск браузерный:

.treeview .hitarea {

.treeview li {

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

А вот теперь понял, спасибо)))
А не подскажите почему у меня низ меню сьехал ?  фото приложил.

И еще можно ли когда мышкой водишь по подкатегориям сделать чтоб была подсветка вот как тут например  у них в меню сделанно http://www.fabfable....-game-of-trones

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

•