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


Каталог Товаров


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

#21 Expert

Expert

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

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

Отправлено 28 Октябрь 2011 - 12:05

Просмотр сообщенияVaccina (27 Октябрь 2011 - 19:10) писал:

Можно попробовать в файл стилей main.css добавить новый класс

#myTree li ul li a:link, #myTree li ul li a:visited {
 color: #222;
}

и далее изменить свойство color на любой цвет.


Спасибо! теперь у меня еще один вопрос возник: "Как изменить цвет самих категорий в левом меню"?

#22 Vaccina

Vaccina

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

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

Отправлено 28 Октябрь 2011 - 19:09

Цвет самих категорий вы можете поменять в классе

#subNavigation li a:link, #subNavigation li a:visited {
	color: #666666;
	display: block;
	padding-left: 10px;
}

данный класс находиться в файле стилей main.css

#23 Dimon

Dimon

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

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

Отправлено 01 Ноябрь 2011 - 17:31

Помогите, пожалуйста, с меню.
Сделал как описано, но без изменений.

#24 Vaccina

Vaccina

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

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

Отправлено 02 Ноябрь 2011 - 19:54

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

#25 Dimon

Dimon

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

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

Отправлено 04 Ноябрь 2011 - 12:03

Просмотр сообщенияVaccina (02 Ноябрь 2011 - 19:54) писал:

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

Делал то, что описано выше:
1)Добавил файл jquery.plugin.menuTree.pack.js в стили и скрипты

2)В html шаблон добавил строчку <script type="text/javascript" src="{ASSETS_JS_PATH}jquery.plugin.menuTree.pack.js"></script>

3) В коде <!-- Каталог товаров --> заменил "catalog" на "catalog_full"

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
  });
});

Так же делал то, что описано в посте №8.

В результате нужно, чтобы меню разворачивалось\сворачивалось по клику без перезагрузки страницы, как понимаю, для этого же тема и создана (http://forum.storela...ndpost__p__2906).

#26 Vaccina

Vaccina

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

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

Отправлено 04 Ноябрь 2011 - 20:01

Вам нужно элементу каталога <ul> добавить id myTree

Должно выглядеть примерно так

<td class="contentTbodyCatalog">
<h4 class="contentTbodyCatalogHeader">Каталог</h4>
<ul id="myTree">


а у других элементов <ul> убрать данный id. У вас там он один. Возможно вы просто их перепутали при изменении.

#27 Flor@@@

Flor@@@

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

  • Пользователи
  • PipPipPipPip
  • 822 сообщений
  • Городмосква

Отправлено 17 Декабрь 2011 - 05:01

Просмотр сообщения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}
и этой веткой форума Вы получите в подарок счастье B)

проделала все выше пересичленное, получилось вот так (прилагаю скрин), Категории всегда открыты и без плюсов. Что необходимо подправить?
вот этот код:

.leftmenu li li.root a {background-color:#e5f2fe;font-size:18px;color:#000000;}
.leftmenu li li.root.selected a {background-color:white;font-weight:bold;font-size:20px;color:#000000;}
.leftmenu li li.sub a {background-color:#e5f2fe;color:black;}
.leftmenu li li.sub.selected a {background-color:white;font-weight:bold;font-size:18px;color:##000000;}

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

#28 Vaccina

Vaccina

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

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

Отправлено 17 Декабрь 2011 - 18:44

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

#29 Flor@@@

Flor@@@

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

  • Пользователи
  • PipPipPipPip
  • 822 сообщений
  • Городмосква

Отправлено 18 Декабрь 2011 - 02:57

Просмотр сообщенияVaccina (17 Декабрь 2011 - 18:44) писал:

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



не могла не удалить так как неправильно вставленный скрипт опять привел к тому что перестали считаться цены на конкретные модификации:(((((.

#30 Vaccina

Vaccina

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

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

Отправлено 19 Декабрь 2011 - 18:27

Если модификации не работают - то это может говорить только об одном - не верно вставлен JavaScript код

Возможно этот

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

этот код вам нужно вставить в файл main.js в самый-самый коней файла

так же возможно вы забыли подключить файл в шаблоне "HTML"

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

Сам файл jquery.plugin.menuTree.pack.js нужно скачать и загрузить в разделе редактора тем.

#31 Tambi

Tambi

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

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

Отправлено 03 Февраль 2012 - 08:14

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

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

  • Снимок.PNG


#32 Tambi

Tambi

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

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

Отправлено 03 Февраль 2012 - 08:22

тут снимок

#33 Vaccina

Vaccina

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

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

Отправлено 03 Февраль 2012 - 19:36

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

#34 mnbv2005

mnbv2005

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

  • Пользователи
  • PipPipPipPip
  • 201 сообщений
  • ГородМосква

Отправлено 15 Август 2012 - 23:18

Просмотр сообщенияVaccina (25 Апрель 2011 - 12:49) писал:

Попробуйте заменить свой файл jquery.plugin.menuTree.pack.js на этот

http://menutree.pixe...gin.menuTree.js

закачав файл по выше данной ссылку, а так же изменить путь в шаблоне "html"

c этого

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

на

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





У меня возникла та же вышесказанная проблема!((

Но я не могу скачать Вашу ссылку( Она не работает у меня! Пишут не проверенный и ошибка в 14 строке, что это?

#35 Vaccina

Vaccina

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

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

Отправлено 17 Август 2012 - 10:06

Не совсем вас понимаю. Пожалуйста, опишите свой вопрос подробнее.

#36 Sovushka

Sovushka

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

  • Пользователи
  • PipPipPip
  • 128 сообщений
  • ГородМосква

Отправлено 14 Ноябрь 2012 - 11:27

Просмотр сообщения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}
и этой веткой форума Вы получите в подарок счастье B)

Все сделала по инструкции, но каталог развернулся и все, больше ничего. нету дерева каталога, посмотрите где накосячила. melt-shop.ru
заранее спасибо.

#37 Koderhan

Koderhan

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

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

Отправлено 14 Ноябрь 2012 - 11:49

У вас что то не так с кодом в файле HTML.
Попробуйте еще раз вставить код:
 {%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 %}

Предварительно сделав резервную копию сайта.

#38 dervish

dervish

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

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

Отправлено 05 Декабрь 2012 - 22:10

Добрый вечер! Сделал один к одному, как было сказано выше. Ничего не получилось. Делал дважды. Второй раз пункт 3 оставил без изменений, т.к уже каталог раскрыт, т.к catalog_full сделал еще нескольок недель назад. Посмотрите, что не так, пожалуйста. Библиотеки подключала и ту и другую.

#39 Vaccina

Vaccina

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

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

Отправлено 06 Декабрь 2012 - 06:06

Вам необходимо код каталога заменить на предложенный код каталога http://forum.storela...__20#entry31622

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

#40 dervish

dervish

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

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

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

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




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

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