Отключен JavaScript

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

2

Создание Всплывающего Краткого Описания Товара При Наведении На Него В Каталоге

Автор Andrew S., 19 апр. 2013 21:16

Вперед

Тема закрыта

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

#1 Andrew S.

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

Пользователи
1 382 сообщений

ГородKhabarovsk

Отправлено 19 Апрель 2013 - 21:16

Моя попытка номер 5.
Итак...

Хочу сделать в шаблоне Лайт чтобы при наведении на товар можно было прочитать краткое его описание. Потому что его нет в шаблоне Лайт и вообще - это бы (мне кажется) классно смотрелось.

Аккаунт: SL-142295

Изображение-набросок:

Уже писал КодерХан:

Для того чтобы выводить краткое описание при наведение на товар.

Панель администратора, "Сайт"->"Редактор тем".
В файле "HTML".
Найти код:
<div class="goodsListItemImage"><a href="{goods.URL}"><img class="goods-image-small" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}" alt="{goods.NAME}" /></a></div>
Заменить:
<div class="goodsListItemImage"><a href="{goods.URL}"><img class="goods-image-small" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}" alt="{goods.DESCRIPTION_SHORT}" /></a></div>

Я сначала ничего не понял, написала Вакцина:

У вас это будет следующие 3 блока кода

<div class="goodsListItemImage"><a href="{index_page_goods.URL}"><img class="goods-image-small" src="{% IF index_page_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_goods.IMAGE_SMALL}{% ENDIF %}" alt="{index_page_goods.NAME}" /></a></div>

<div class="goodsListItemImage"><a href="{index_page_favorites_goods.URL}"><img class="goods-image-small" src="{% IF index_page_favorites_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_favorites_goods.IMAGE_SMALL}{% ENDIF %}" alt="{index_page_favorites_goods.NAME}" /></a></div>

<div class="goodsListItemImage"><a href="{index_page_new_goods.URL}"><img class="goods-image-small" src="{% IF index_page_new_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_new_goods.IMAGE_SMALL}{% ENDIF %}" alt="{index_page_new_goods.NAME}" /></a></div>

а так же аналогичный блок в шаблоне "Товары". Вам необходимо добавть атрибут alt к тегу img.

Пример выше в сообщении был приведен для шаблона "Товары".

Я опять ничего не понял: "У меня и в шаблоне товар заместо goods.url - related_goods.URL
И ещё. Что-то наводит на мысли, что все товары будут выпадать с описанием, а это очень много места займёт. Можно при наведении на товар чтобы описание выскакивало в маленьком окошке-подсказке возле указателя? Как в windows, когда на громкость наводишь или на фото, к примеру, и всплывающее описание вылазит.
И ещё я так понял, код Кодерхана уберёт вообще название товара? И будет заместо названия краткое описание? Так не пойдёт.

КодерХан написал:

Для того чтобы выводить в всплывающей подсказке краткое описание товара при наведение на изображение товара.
Для главной страницы. Это Новинки, Хиты продаж, Товары на главной.

Панель администратора, "Сайт"->"Редактор тем".
В файле "HTML".
Найти код:
<div class="goodsListItemImage"><a href="{index_page_favorites_goods.URL}"><img class="goods-image-small" src="{% IF index_page_favorites_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_favorites_goods.IMAGE_SMALL}{% ENDIF %}" alt="{index_page_favorites_goods.NAME}" /></a></div>
Заменить:
<div class="goodsListItemImage"><a href="{index_page_favorites_goods.URL}"><img class="goods-image-small" src="{% IF index_page_favorites_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_favorites_goods.IMAGE_SMALL}{% ENDIF %}" alt="{index_page_favorites_goods.DESCRIPTION_SHORT}" /></a></div>

Новинки.
Найти код:
<div class="goodsListItemImage"><a href="{index_page_new_goods.URL}"><img class="goods-image-small" src="{% IF index_page_new_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_new_goods.IMAGE_SMALL}{% ENDIF %}" alt="{index_page_new_goods.NAME}" /></a></div>
Заменить:
<div class="goodsListItemImage"><a href="{index_page_new_goods.URL}"><img class="goods-image-small" src="{% IF index_page_new_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_new_goods.IMAGE_SMALL}{% ENDIF %}" alt="{index_page_new_goods.DESCRIPTION_SHORT}" /></a></div>
Товары на главной.

Найти код:
<div class="goodsListItemImage"><a href="{index_page_goods.URL}"><img class="goods-image-small" src="{% IF index_page_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_goods.IMAGE_SMALL}{% ENDIF %}" alt="{index_page_goods.NAME}" /></a></div>
Заменить:
<div class="goodsListItemImage"><a href="{index_page_goods.URL}"><img class="goods-image-small" src="{% IF index_page_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_goods.IMAGE_SMALL}{% ENDIF %}" alt="{index_page_goods.DESCRIPTION_SHORT}" /></a></div>

И для каталога с товарами.

Панель администратора, "Сайт"->"Редактор тем".
В файле "Товары".
Найти код:
<div class="goodsListItemImage"><a href="{goods.URL}"><img class="goods-image-small" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}" alt="{goods.NAME}" /></a></div>
Заменить:
<div class="goodsListItemImage"><a href="{goods.URL}"><img class="goods-image-small" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}" alt="{goods.DESCRIPTION_SHORT}" /></a></div>

http://htmlbook.ru/html/img/alt

После этого я всё вставил, но никаких изменений не произошло. Очень хочется добавить эту возможность... Ничего не менял. Может что-то просто немного подправить осталось..

Наверх

#2 miyako

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

Модератоpы
5 372 сообщений

Отправлено 20 Апрель 2013 - 07:00

Andrew S. (19 Апрель 2013 - 21:16) писал:

Моя попытка номер 5.
Итак...

Хочу сделать в шаблоне Лайт чтобы при наведении на товар можно было прочитать краткое его описание. Потому что его нет в шаблоне Лайт и вообще - это бы (мне кажется) классно смотрелось.

Аккаунт: SL-142295

Изображение-набросок:

Уже писал КодерХан:

Для того чтобы выводить краткое описание при наведение на товар.

Панель администратора, "Сайт"->"Редактор тем".
В файле "HTML".
Найти код:
<div class="goodsListItemImage"><a href="{goods.URL}"><img class="goods-image-small" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}" alt="{goods.NAME}" /></a></div>
Заменить:
<div class="goodsListItemImage"><a href="{goods.URL}"><img class="goods-image-small" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}" alt="{goods.DESCRIPTION_SHORT}" /></a></div>

Я сначала ничего не понял, написала Вакцина:

У вас это будет следующие 3 блока кода

<div class="goodsListItemImage"><a href="{index_page_goods.URL}"><img class="goods-image-small" src="{% IF index_page_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_goods.IMAGE_SMALL}{% ENDIF %}" alt="{index_page_goods.NAME}" /></a></div>

<div class="goodsListItemImage"><a href="{index_page_favorites_goods.URL}"><img class="goods-image-small" src="{% IF index_page_favorites_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_favorites_goods.IMAGE_SMALL}{% ENDIF %}" alt="{index_page_favorites_goods.NAME}" /></a></div>

<div class="goodsListItemImage"><a href="{index_page_new_goods.URL}"><img class="goods-image-small" src="{% IF index_page_new_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_new_goods.IMAGE_SMALL}{% ENDIF %}" alt="{index_page_new_goods.NAME}" /></a></div>

а так же аналогичный блок в шаблоне "Товары". Вам необходимо добавть атрибут alt к тегу img.

Пример выше в сообщении был приведен для шаблона "Товары".

Я опять ничего не понял: "У меня и в шаблоне товар заместо goods.url - related_goods.URL
И ещё. Что-то наводит на мысли, что все товары будут выпадать с описанием, а это очень много места займёт. Можно при наведении на товар чтобы описание выскакивало в маленьком окошке-подсказке возле указателя? Как в windows, когда на громкость наводишь или на фото, к примеру, и всплывающее описание вылазит.
И ещё я так понял, код Кодерхана уберёт вообще название товара? И будет заместо названия краткое описание? Так не пойдёт.

КодерХан написал:

Для того чтобы выводить в всплывающей подсказке краткое описание товара при наведение на изображение товара.
Для главной страницы. Это Новинки, Хиты продаж, Товары на главной.

Панель администратора, "Сайт"->"Редактор тем".
В файле "HTML".
Найти код:
<div class="goodsListItemImage"><a href="{index_page_favorites_goods.URL}"><img class="goods-image-small" src="{% IF index_page_favorites_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_favorites_goods.IMAGE_SMALL}{% ENDIF %}" alt="{index_page_favorites_goods.NAME}" /></a></div>
Заменить:
<div class="goodsListItemImage"><a href="{index_page_favorites_goods.URL}"><img class="goods-image-small" src="{% IF index_page_favorites_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_favorites_goods.IMAGE_SMALL}{% ENDIF %}" alt="{index_page_favorites_goods.DESCRIPTION_SHORT}" /></a></div>

Новинки.
Найти код:
<div class="goodsListItemImage"><a href="{index_page_new_goods.URL}"><img class="goods-image-small" src="{% IF index_page_new_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_new_goods.IMAGE_SMALL}{% ENDIF %}" alt="{index_page_new_goods.NAME}" /></a></div>
Заменить:
<div class="goodsListItemImage"><a href="{index_page_new_goods.URL}"><img class="goods-image-small" src="{% IF index_page_new_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_new_goods.IMAGE_SMALL}{% ENDIF %}" alt="{index_page_new_goods.DESCRIPTION_SHORT}" /></a></div>
Товары на главной.

Найти код:
<div class="goodsListItemImage"><a href="{index_page_goods.URL}"><img class="goods-image-small" src="{% IF index_page_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_goods.IMAGE_SMALL}{% ENDIF %}" alt="{index_page_goods.NAME}" /></a></div>
Заменить:
<div class="goodsListItemImage"><a href="{index_page_goods.URL}"><img class="goods-image-small" src="{% IF index_page_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_goods.IMAGE_SMALL}{% ENDIF %}" alt="{index_page_goods.DESCRIPTION_SHORT}" /></a></div>

И для каталога с товарами.

Панель администратора, "Сайт"->"Редактор тем".
В файле "Товары".
Найти код:
<div class="goodsListItemImage"><a href="{goods.URL}"><img class="goods-image-small" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}" alt="{goods.NAME}" /></a></div>
Заменить:
<div class="goodsListItemImage"><a href="{goods.URL}"><img class="goods-image-small" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}" alt="{goods.DESCRIPTION_SHORT}" /></a></div>

http://htmlbook.ru/html/img/alt

После этого я всё вставил, но никаких изменений не произошло. Очень хочется добавить эту возможность... Ничего не менял. Может что-то просто немного подправить осталось..

В шаблоне Товары вам нужно найти код:

  <!-- Если есть товары -->
		  {% ELSE %}
			{% FOR goods %}
			<td class="goodsListItem"> 
				<div class="goodsListItemBlock withBorder cornerAll">
				<div class="goodsListItemImage"><a href="{goods.URL}"><img class="goods-image-small" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}" alt="{goods.NAME} "  /></a></div>

и заменить на:

  <!-- Если есть товары -->
		  {% ELSE %}
			{% FOR goods %}
			<td class="goodsListItem"> 
				<div class="goodsListItemBlock withBorder cornerAll">
				<div class="goodsListItemImage"><a href="{goods.URL}"><img class="goods-image-small" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}" alt="{goods.NAME} " onMouseOver="toolTip('{goods.NAME} <br> {goods.DESCRIPTION_SHORT}')" onMouseOut="toolTip()" /></a></div>  <div id="floatTip"></div>

В main.css в конец файла добавить:

#floatTip {
  position: absolute; /* Абсолютное позиционирование */
  width: 250px; /* Ширина блока */
  display: none; /* Прячем от показа */
  border: 1px solid #000; /* Параметры рамки */
  padding: 4px; /* Поля вокруг  текста */
  font-family: sans-serif; /* Рубленый шрифт */
  font-size: 9pt; /* Размер  шрифта */
  color: #333; /* Цвет текста */
  background: #ffe5ff; /* Цвет фона */
}

В main.js в конец файла добавить:

document.onmousemove = moveTip;
function moveTip(e) {
  floatTipStyle = document.getElementById("floatTip").style;
  w = 250; // Ширина подсказки
  // Для браузера IE6-8
  if (document.all)  {
	x = event.clientX + document.body.scrollLeft;
	y = event.clientY + document.body.scrollTop;
  // Для остальных браузеров
  } else   {
	x = e.pageX; // Координата X курсора
	y = e.pageY; // Координата Y курсора
  }
  // Показывать слой справа от курсора
  if ((x + w + 10) < document.body.clientWidth) {
	floatTipStyle.left = x + 'px';
  // Показывать слой слева от курсора
  } else {
	floatTipStyle.left = x - w + 'px';
  }
  // Положение от  верхнего края окна браузера
  floatTipStyle.top = y + 20 + 'px';
}
function toolTip(msg) {
  floatTipStyle = document.getElementById("floatTip").style;
  if (msg) {
	// Выводим текст подсказки
	document.getElementById("floatTip").innerHTML = msg;
	// Показываем подсказку
	floatTipStyle.display = "block";
  } else {
	// Прячем подсказку
	floatTipStyle.display = "none";
  }
}

А также в шаблоне HTML найдите код:
Для Новинок:
Найдите код:

{% FOR index_page_new_goods %}
					<td class="goodsListItem"> 
						<div class="goodsListItemBlock withBorder cornerAll">
						<div class="goodsListItemImage"><a href="{index_page_new_goods.URL}"><img class="goods-image-small" src="{% IF index_page_new_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_new_goods.IMAGE_SMALL}{% ENDIF %}" alt="{index_page_new_goods.NAME}"  /></a></div>

и замените на:

{% FOR index_page_new_goods %}
					<td class="goodsListItem"> 
						<div class="goodsListItemBlock withBorder cornerAll">
						<div class="goodsListItemImage"><a href="{index_page_new_goods.URL}"><img class="goods-image-small" src="{% IF index_page_new_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_new_goods.IMAGE_SMALL}{% ENDIF %}" alt="{index_page_new_goods.NAME}" onMouseOver="toolTip('{index_page_new_goods.NAME} <br> {index_page_new_goods.DESCRIPTION_SHORT}')" onMouseOut="toolTip()" /></a></div> <div id="floatTip"></div>

Для Хитов:
Найдите код:

{% FOR index_page_favorites_goods %}
					<td class="goodsListItem"> 
						<div class="goodsListItemBlock withBorder cornerAll">
						<div class="goodsListItemImage"><a href="{index_page_favorites_goods.URL}"><img class="goods-image-small" src="{% IF index_page_favorites_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_favorites_goods.IMAGE_SMALL}{% ENDIF %}" alt="{index_page_favorites_goods.NAME}"   /></a></div>

и замените на:

{% FOR index_page_favorites_goods %}
					<td class="goodsListItem"> 
						<div class="goodsListItemBlock withBorder cornerAll">
						<div class="goodsListItemImage"><a href="{index_page_favorites_goods.URL}"><img class="goods-image-small" src="{% IF index_page_favorites_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_favorites_goods.IMAGE_SMALL}{% ENDIF %}" alt="{index_page_favorites_goods.NAME}"  onMouseOver="toolTip('{index_page_favorites_goods.NAME} <br> {index_page_favorites_goods.DESCRIPTION_SHORT}')" onMouseOut="toolTip()" /></a></div> <div id="floatTip"></div>

Для Товаров на Главной:
Найдите код:

{% FOR index_page_goods %}
					<td class="goodsListItem"> 
						<div class="goodsListItemBlock withBorder cornerAll">
						<div class="goodsListItemImage"><a href="{index_page_goods.URL}"><img class="goods-image-small" src="{% IF index_page_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_goods.IMAGE_SMALL}{% ENDIF %}" alt="{index_page_goods.NAME}"  /></a></div>

и замените на:

{% FOR index_page_goods %}
					<td class="goodsListItem"> 
						<div class="goodsListItemBlock withBorder cornerAll">
						<div class="goodsListItemImage"><a href="{index_page_goods.URL}"><img class="goods-image-small" src="{% IF index_page_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_goods.IMAGE_SMALL}{% ENDIF %}" alt="{index_page_goods.NAME}" onMouseOver="toolTip('{index_page_goods.NAME} <br> {index_page_goods.DESCRIPTION_SHORT}')" onMouseOut="toolTip()" /></a></div> <div id="floatTip"></div>

Наверх

#3 Andrew S.

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

Пользователи
1 382 сообщений

ГородKhabarovsk

Отправлено 20 Апрель 2013 - 07:56

1. В шаблоне "Товары" у меня выскакивает ошибка и не сохраняется ничего ("Unable to pass value")
Код в "Товары":


{% ELSE %}
{% FOR goods %}
<td class="goodsListItem">
<div class="goodsListItemBlock withBorder cornerAll">
<div class="goodsListItemImage"><a href="{goods.URL}"><img class="goods-image-small" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}" alt="{goods.DESCRIPTION_SHORT}" /></a></div>
<h3 class="goodsListItemName"><a href="{goods.URL}">{goods.NAME}</a></h3>
<div class="goodsListItemPriceNew">
<a href="{goods.URL_MIN_PRICE_NOW}">{goods.MIN_PRICE_NOW | money_format}</a>
</div>
<div class="goodsListItemPriceOld">
{% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %}
<a href="{goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
{% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %}
<a href="{goods.URL_MIN_PRICE_OLD}" class="lineThrough">{goods.MIN_PRICE_OLD | money_format}</a>
{% ENDIF %}
</div>
</div>
</td>
{% IFNOT goods.last %}{goods.index | is_divided("5","</tr><tr>","")}{% ENDIF %}
{% ENDFOR goods %}
{% ENDIF %}
</tr>
</table>
</td>
</tr>


2. В main.css та же песня.

3. Main.js - уже не рискую добавлять

4. Шаблон HTML

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

Почему-то не получается.

Наверх

#4 miyako

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

Модератоpы
5 372 сообщений

Отправлено 20 Апрель 2013 - 08:31

Andrew S. (20 Апрель 2013 - 07:56) писал:

1. В шаблоне "Товары" у меня выскакивает ошибка и не сохраняется ничего ("Unable to pass value")
Код в "Товары":


{% ELSE %}
{% FOR goods %}
<td class="goodsListItem">
<div class="goodsListItemBlock withBorder cornerAll">
<div class="goodsListItemImage"><a href="{goods.URL}"><img class="goods-image-small" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}" alt="{goods.DESCRIPTION_SHORT}" /></a></div>
<h3 class="goodsListItemName"><a href="{goods.URL}">{goods.NAME}</a></h3>
<div class="goodsListItemPriceNew">
<a href="{goods.URL_MIN_PRICE_NOW}">{goods.MIN_PRICE_NOW | money_format}</a>
</div>
<div class="goodsListItemPriceOld">
{% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %}
<a href="{goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
{% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %}
<a href="{goods.URL_MIN_PRICE_OLD}" class="lineThrough">{goods.MIN_PRICE_OLD | money_format}</a>
{% ENDIF %}
</div>
</div>
</td>
{% IFNOT goods.last %}{goods.index | is_divided("5","</tr><tr>","")}{% ENDIF %}
{% ENDFOR goods %}
{% ENDIF %}
</tr>
</table>
</td>
</tr>


2. В main.css та же песня.

3. Main.js - уже не рискую добавлять

4. Шаблон HTML

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

Почему-то не получается.

Замените на:

<!-- Если есть товары -->
{% ELSE %}
{% FOR goods %}
<td class="goodsListItem">
<div class="goodsListItemBlock withBorder cornerAll">
<div class="goodsListItemImage"><a href="{goods.URL}"><img class="goods-image-small" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}" alt="{goods.DESCRIPTION_SHORT}"  onMouseOver="toolTip('{goods.NAME} <br> {goods.DESCRIPTION_SHORT}')" onMouseOut="toolTip()" /></a></div>  <div id="floatTip"></div>
<h3 class="goodsListItemName"><a href="{goods.URL}">{goods.NAME}</a></h3>
<div class="goodsListItemPriceNew">
<a href="{goods.URL_MIN_PRICE_NOW}">{goods.MIN_PRICE_NOW | money_format}</a>
</div>
<div class="goodsListItemPriceOld">
{% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %}
<a href="{goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
{% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %}
<a href="{goods.URL_MIN_PRICE_OLD}" class="lineThrough">{goods.MIN_PRICE_OLD | money_format}</a>
{% ENDIF %}
</div>
</div>
</td>
{% IFNOT goods.last %}{goods.index | is_divided("5","</tr><tr>","")}{% ENDIF %}
{% ENDFOR goods %}
{% ENDIF %}
</tr>
</table>
</td>
</tr>
<!-- END Список товаров -->

Наверх

#5 Andrew S.

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

Пользователи
1 382 сообщений

ГородKhabarovsk

Отправлено 20 Апрель 2013 - 09:12

miyako (20 Апрель 2013 - 08:31) писал:

Замените на:

<!-- Если есть товары -->
{% ELSE %}
{% FOR goods %}
<td class="goodsListItem">
<div class="goodsListItemBlock withBorder cornerAll">
<div class="goodsListItemImage"><a href="{goods.URL}"><img class="goods-image-small" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}" alt="{goods.DESCRIPTION_SHORT}" onMouseOver="toolTip('{goods.NAME} <br> {goods.DESCRIPTION_SHORT}')" onMouseOut="toolTip()" /></a></div> <div id="floatTip"></div>
<h3 class="goodsListItemName"><a href="{goods.URL}">{goods.NAME}</a></h3>
<div class="goodsListItemPriceNew">
<a href="{goods.URL_MIN_PRICE_NOW}">{goods.MIN_PRICE_NOW | money_format}</a>
</div>
<div class="goodsListItemPriceOld">
{% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %}
<a href="{goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
{% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %}
<a href="{goods.URL_MIN_PRICE_OLD}" class="lineThrough">{goods.MIN_PRICE_OLD | money_format}</a>
{% ENDIF %}
</div>
</div>
</td>
{% IFNOT goods.last %}{goods.index | is_divided("5","</tr><tr>","")}{% ENDIF %}
{% ENDFOR goods %}
{% ENDIF %}
</tr>
</table>
</td>
</tr>
<!-- END Список товаров -->

Так, вроде всё работает. Но. Показывает, что на сайте 15 JS-ошибок..

Я вообще перезагрузился и ввел все те коды, которые вы мне вверху говорили. Показало больше 100 ошибок и они всё добавлялись и опера всё удлиннялась и удлиннялась.

Потом я добавил этот последний код и стало 15 ошибок. Меньше, но это, наверное, плохо что-то?

Не. Всё также плывут ошибки до бесконечности!

Наверх

#6 Andrew S.

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

Пользователи
1 382 сообщений

ГородKhabarovsk

Отправлено 20 Апрель 2013 - 09:24

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

И почему-то добавляются ошибки когда я шевелю мышкой.

В эксплорере в новинках не выскакивает краткое описание.

В лисе тоже не появляется краткое описание. Работает только в опере и в хроме.

В файрфоксе заработали описания.

Наверх

#7 Andrew S.

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

Пользователи
1 382 сообщений

ГородKhabarovsk

Отправлено 20 Апрель 2013 - 09:38

Всё. Сайт встал. Не работет...

Наверх

#8 miyako

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

Модератоpы
5 372 сообщений

Отправлено 20 Апрель 2013 - 09:39

Andrew S. (20 Апрель 2013 - 09:24) писал:

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

И почему-то добавляются ошибки когда я шевелю мышкой.

В эксплорере в новинках не выскакивает краткое описание.

В лисе тоже не появляется краткое описание. Работает только в опере и в хроме.

В файрфоксе заработали описания.

Найдите код в шаблоне Товары:

<!-- Блок навигации по категориям, вложенным в текущую категорию -->
				  <ul class="content_catalog_nested_categories">
					{% FOR nested_categories_list %}
					  <li>
						<div class="withBorder cornerAll padding1em">
						  <div><a href="{nested_categories_list.URL}" title="Перейти к категории &laquo;{nested_categories_list.NAME}&raquo;"><img class="goods-cat-image-medium" {% IF nested_categories_list.IMAGE_EMPTY %}src="{ASSETS_IMAGES_PATH}no-photo-small.png"{% ELSE %}src="{nested_categories_list.IMAGE_MEDIUM}"{% ENDIF %} alt="{nested_categories_list.NAME} {nested_categories_list.DESCRIPTION_SHORT}"  /></a></div>

и замените на:

<!-- Блок навигации по категориям, вложенным в текущую категорию -->
				  <ul class="content_catalog_nested_categories">
					{% FOR nested_categories_list %}
					  <li>
						<div class="withBorder cornerAll padding1em">
						  <div><a href="{nested_categories_list.URL}" title="Перейти к категории &laquo;{nested_categories_list.NAME}&raquo;"><img class="goods-cat-image-medium" {% IF nested_categories_list.IMAGE_EMPTY %}src="{ASSETS_IMAGES_PATH}no-photo-small.png"{% ELSE %}src="{nested_categories_list.IMAGE_MEDIUM}"{% ENDIF %} alt="{nested_categories_list.NAME} {nested_categories_list.DESCRIPTION_SHORT}" onMouseOver="toolTip('{nested_categories_list.NAME} <br> {nested_categories_list.DESCRIPTION_SHORT}')" onMouseOut="toolTip()" /></a></div>  <div id="floatTip"></div>

А также найдите код в шаблоне Товар:

	   <!-- Большое изображение -->
			  <div class="goodsDataMainImage">
				{% IF GOODS_IMAGE_EMPTY %}
				  <img src="{ASSETS_IMAGES_PATH}no-photo-medium.png" alt="{GOODS_NAME}" title="Увеличить {GOODS_NAME}" />
				{% ELSE %}
				  <a itemprop="image" href="{GOODS_IMAGE_LARGE}" target="_blank" title="Увеличить {GOODS_NAME}"><img class="goods-image-medium" src="{GOODS_IMAGE_MEDIUM}" alt="{GOODS_NAME}"  /></a>

и заменить на:

	   <!-- Большое изображение -->
			  <div class="goodsDataMainImage">
				{% IF GOODS_IMAGE_EMPTY %}
				  <img src="{ASSETS_IMAGES_PATH}no-photo-medium.png" alt="{GOODS_NAME}" title="Увеличить {GOODS_NAME}" />
				{% ELSE %}
				  <a itemprop="image" href="{GOODS_IMAGE_LARGE}" target="_blank" title="Увеличить {GOODS_NAME}"><img class="goods-image-medium" src="{GOODS_IMAGE_MEDIUM}" alt="{GOODS_NAME}" onMouseOver="toolTip('{GOODS_NAME} <br> {DESCRIPTION_SHORT}')" onMouseOut="toolTip()" /></a>  <div id="floatTip"></div>

Наверх

#9 Andrew S.

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

Пользователи
1 382 сообщений

ГородKhabarovsk

Отправлено 20 Апрель 2013 - 09:44

miyako (20 Апрель 2013 - 09:39) писал:

Найдите код в шаблоне Товары:

<!-- Блок навигации по категориям, вложенным в текущую категорию -->
				 <ul class="content_catalog_nested_categories">
				 {% FOR nested_categories_list %}
					 <li>
					 <div class="withBorder cornerAll padding1em">
						 <div><a href="{nested_categories_list.URL}" title="Перейти к категории &laquo;{nested_categories_list.NAME}&raquo;"><img class="goods-cat-image-medium" {% IF nested_categories_list.IMAGE_EMPTY %}src="{ASSETS_IMAGES_PATH}no-photo-small.png"{% ELSE %}src="{nested_categories_list.IMAGE_MEDIUM}"{% ENDIF %} alt="{nested_categories_list.NAME} {nested_categories_list.DESCRIPTION_SHORT}" /></a></div>

и замените на:

<!-- Блок навигации по категориям, вложенным в текущую категорию -->
				 <ul class="content_catalog_nested_categories">
				 {% FOR nested_categories_list %}
					 <li>
					 <div class="withBorder cornerAll padding1em">
						 <div><a href="{nested_categories_list.URL}" title="Перейти к категории &laquo;{nested_categories_list.NAME}&raquo;"><img class="goods-cat-image-medium" {% IF nested_categories_list.IMAGE_EMPTY %}src="{ASSETS_IMAGES_PATH}no-photo-small.png"{% ELSE %}src="{nested_categories_list.IMAGE_MEDIUM}"{% ENDIF %} alt="{nested_categories_list.NAME} {nested_categories_list.DESCRIPTION_SHORT}" onMouseOver="toolTip('{nested_categories_list.NAME} <br> {nested_categories_list.DESCRIPTION_SHORT}')" onMouseOut="toolTip()" /></a></div> <div id="floatTip"></div>

А также найдите код в шаблоне Товар:

	 <!-- Большое изображение -->
			 <div class="goodsDataMainImage">
			 {% IF GOODS_IMAGE_EMPTY %}
				 <img src="{ASSETS_IMAGES_PATH}no-photo-medium.png" alt="{GOODS_NAME}" title="Увеличить {GOODS_NAME}" />
			 {% ELSE %}
				 <a itemprop="image" href="{GOODS_IMAGE_LARGE}" target="_blank" title="Увеличить {GOODS_NAME}"><img class="goods-image-medium" src="{GOODS_IMAGE_MEDIUM}" alt="{GOODS_NAME}" /></a>

и заменить на:

	 <!-- Большое изображение -->
			 <div class="goodsDataMainImage">
			 {% IF GOODS_IMAGE_EMPTY %}
				 <img src="{ASSETS_IMAGES_PATH}no-photo-medium.png" alt="{GOODS_NAME}" title="Увеличить {GOODS_NAME}" />
			 {% ELSE %}
				 <a itemprop="image" href="{GOODS_IMAGE_LARGE}" target="_blank" title="Увеличить {GOODS_NAME}"><img class="goods-image-medium" src="{GOODS_IMAGE_MEDIUM}" alt="{GOODS_NAME}" onMouseOver="toolTip('{GOODS_NAME} <br> {DESCRIPTION_SHORT}')" onMouseOut="toolTip()" /></a> <div id="floatTip"></div>

У меня редактор тем даже не работает. Это что-то с вашим сервером? Или у меня проблема?

Я вам чё весь сервер сломал?

Наверх

#10 miyako

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

Модератоpы
5 372 сообщений

Отправлено 20 Апрель 2013 - 09:48

Andrew S. (20 Апрель 2013 - 09:44) писал:

У меня редактор тем даже не работает. Это что-то с вашим сервером? Или у меня проблема?

Я вам чё весь сервер сломал?

Попробуйте перезагрузить компьютер. У нас работает все нормально.

Выше описанный код работает в браузерах - Хром,Опера,Мозила,Ie7-ie10

Наверх

#11 Andrew S.

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

Пользователи
1 382 сообщений

ГородKhabarovsk

Отправлено 20 Апрель 2013 - 11:27

Опять ошибки. Всё заменил. И сейчас еще эти подсказки вылазят в каталоге товаров на папках, а это не надо, появляется косяк:

И у вас всё также ошибка при добавлении файла, из русского "косяк-удалить" делается "Ynryuy-tgyakzsx.jpg"

И как сделать эту табличку не розовую, а такую же как всплывающую "перейти ..." Такую какая у вас стандартная. Ошибки беспокоят больше всего.

Наверх

#12 Andrew S.

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

Пользователи
1 382 сообщений

ГородKhabarovsk

Отправлено 20 Апрель 2013 - 11:51

Вот это вот тоже зачем...

В самом товаре-то описание это не нужно.

Вот эти ошибки:

Хром тоже говорит про ошибки.

Наверх

#13 miyako

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

Модератоpы
5 372 сообщений

Отправлено 20 Апрель 2013 - 12:43

Andrew S. (20 Апрель 2013 - 11:51) писал:

Вот это вот тоже зачем...

В самом товаре-то описание это не нужно.

Вот эти ошибки:

Хром тоже говорит про ошибки.

Попробуйте откатить все изменения. И пройти еще раз инструкцию - http://forum.storela...вар/#entry61470
и это - http://forum.storela...вар/#entry61503

По поводу других всплывающих окон. Это было первоначально. Их нужно убрать?

Наверх

#14 miyako

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

Модератоpы
5 372 сообщений

Отправлено 20 Апрель 2013 - 13:57

Сейчас на вашем сайте по прежнему ошибки с js . Для их устранения вам нужно:
Найдите код в шаблоне Товары:

<!-- Если список товаров пуст -->
		  {% IF goods_empty %}
			<td>
			  <!-- Если не применено ни одного фильтра, значит в категории нет товаров -->
			  {% IF goods_filters_empty %}
				<!-- Если в категории нет товаров, но есть категории, то отобразим их -->
				{%IFNOT nested_categories_list_empty %}
		 
				  <!-- Блок навигации по категориям, вложенным в текущую категорию -->
				  <ul class="content_catalog_nested_categories">
					{% FOR nested_categories_list %}
					  <li>
						<div class="withBorder cornerAll padding1em">
						  <div><a href="{nested_categories_list.URL}" title="Перейти к категории &laquo;{nested_categories_list.NAME}&raquo;"><img class="goods-cat-image-medium" {% IF nested_categories_list.IMAGE_EMPTY %}src="{ASSETS_IMAGES_PATH}no-photo-small.png"{% ELSE %}src="{nested_categories_list.IMAGE_MEDIUM}"{% ENDIF %} alt="{nested_categories_list.NAME}" /></a></div>

и замените на:

<!-- Если список товаров пуст -->
		  {% IF goods_empty %}
			<td>
			  <!-- Если не применено ни одного фильтра, значит в категории нет товаров -->
			  {% IF goods_filters_empty %}
				<!-- Если в категории нет товаров, но есть категории, то отобразим их -->
				{%IFNOT nested_categories_list_empty %}
		
				  <!-- Блок навигации по категориям, вложенным в текущую категорию -->
				  <ul class="content_catalog_nested_categories">
					{% FOR nested_categories_list %}
					  <li>
						<div class="withBorder cornerAll padding1em">
						  <div><a href="{nested_categories_list.URL}" title="Перейти к категории &laquo;{nested_categories_list.NAME}&raquo;"><img class="goods-cat-image-medium" {% IF nested_categories_list.IMAGE_EMPTY %}src="{ASSETS_IMAGES_PATH}no-photo-small.png"{% ELSE %}src="{nested_categories_list.IMAGE_MEDIUM}"{% ENDIF %} alt="{nested_categories_list.NAME}" onMouseOver="toolTip('{nested_categories_list.NAME} <br> {nested_categories_list.DESCRIPTION_SHORT}')" onMouseOut="toolTip()" /></a></div> <div id="floatTip"></div>

Наверх

#15 Andrew S.

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

Пользователи
1 382 сообщений

ГородKhabarovsk

Отправлено 20 Апрель 2013 - 17:50

miyako (20 Апрель 2013 - 13:57) писал:

Сейчас на вашем сайте по прежнему ошибки с js . Для их устранения вам нужно:
Найдите код в шаблоне Товары:

<!-- Если список товаров пуст -->
		 {% IF goods_empty %}
		 <td>
			 <!-- Если не применено ни одного фильтра, значит в категории нет товаров -->
			 {% IF goods_filters_empty %}
			 <!-- Если в категории нет товаров, но есть категории, то отобразим их -->
			 {%IFNOT nested_categories_list_empty %}
		
				 <!-- Блок навигации по категориям, вложенным в текущую категорию -->
				 <ul class="content_catalog_nested_categories">
				 {% FOR nested_categories_list %}
					 <li>
					 <div class="withBorder cornerAll padding1em">
						 <div><a href="{nested_categories_list.URL}" title="Перейти к категории &laquo;{nested_categories_list.NAME}&raquo;"><img class="goods-cat-image-medium" {% IF nested_categories_list.IMAGE_EMPTY %}src="{ASSETS_IMAGES_PATH}no-photo-small.png"{% ELSE %}src="{nested_categories_list.IMAGE_MEDIUM}"{% ENDIF %} alt="{nested_categories_list.NAME}" /></a></div>

и замените на:

<!-- Если список товаров пуст -->
		 {% IF goods_empty %}
		 <td>
			 <!-- Если не применено ни одного фильтра, значит в категории нет товаров -->
			 {% IF goods_filters_empty %}
			 <!-- Если в категории нет товаров, но есть категории, то отобразим их -->
			 {%IFNOT nested_categories_list_empty %}
		
				 <!-- Блок навигации по категориям, вложенным в текущую категорию -->
				 <ul class="content_catalog_nested_categories">
				 {% FOR nested_categories_list %}
					 <li>
					 <div class="withBorder cornerAll padding1em">
						 <div><a href="{nested_categories_list.URL}" title="Перейти к категории &laquo;{nested_categories_list.NAME}&raquo;"><img class="goods-cat-image-medium" {% IF nested_categories_list.IMAGE_EMPTY %}src="{ASSETS_IMAGES_PATH}no-photo-small.png"{% ELSE %}src="{nested_categories_list.IMAGE_MEDIUM}"{% ENDIF %} alt="{nested_categories_list.NAME}" onMouseOver="toolTip('{nested_categories_list.NAME} <br> {nested_categories_list.DESCRIPTION_SHORT}')" onMouseOut="toolTip()" /></a></div> <div id="floatTip"></div>

Опять ошибки.

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

То это было на первом уровне каталога, щас на всех уровнях. И посмотрите ещё где, я выше писал. Или придётся всё возвращать как было.

Наверх

#16 Andrew S.

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

Пользователи
1 382 сообщений

ГородKhabarovsk

Отправлено 20 Апрель 2013 - 17:56

У меня компьютер виснет щас из-за этого сайта. Что за ерунда.

Наверх

#17 Сake

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

Модератоpы
5 979 сообщений

Отправлено 23 Апрель 2013 - 03:00

Цитата

Опять ошибки.

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

То это было на первом уровне каталога, щас на всех уровнях. И посмотрите ещё где, я выше писал. Или придётся всё возвращать как было.

Удалите из вашего файла main.js вставленный вами код отображения подсказок

document.onmousemove = moveTip;
function moveTip(e) {
  floatTipStyle = document.getElementById("floatTip").style;
  w = 250; // Ширина подсказки
  // Для браузера IE6-8
  if (document.all)  {
		x = event.clientX + document.body.scrollLeft;
		y = event.clientY + document.body.scrollTop;
  // Для остальных браузеров
  } else   {
		x = e.pageX; // Координата X курсора
		y = e.pageY; // Координата Y курсора
  }
  // Показывать слой справа от курсора
  if ((x + w + 10) < document.body.clientWidth) {
		floatTipStyle.left = x + 'px';
  // Показывать слой слева от курсора
  } else {
		floatTipStyle.left = x - w + 'px';
  }
  // Положение от  верхнего края окна браузера
  floatTipStyle.top = y + 20 + 'px';
}
function toolTip(msg) {
  floatTipStyle = document.getElementById("floatTip").style;
  if (msg) {
		// Выводим текст подсказки
		document.getElementById("floatTip").innerHTML = msg;
		// Показываем подсказку
		floatTipStyle.display = "block";
  } else {
		// Прячем подсказку
		floatTipStyle.display = "none";
  }
}

Наверх

#18 Andrew S.

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

Пользователи
1 382 сообщений

ГородKhabarovsk

Отправлено 23 Апрель 2013 - 17:55

Сake (23 Апрель 2013 - 03:00) писал:

Удалите из вашего файла main.js вставленный вами код отображения подсказок

document.onmousemove = moveTip;
function moveTip(e) {
floatTipStyle = document.getElementById("floatTip").style;
w = 250; // Ширина подсказки
// Для браузера IE6-8
if (document.all) {
	 x = event.clientX + document.body.scrollLeft;
	 y = event.clientY + document.body.scrollTop;
// Для остальных браузеров
} else {
	 x = e.pageX; // Координата X курсора
	 y = e.pageY; // Координата Y курсора
}
// Показывать слой справа от курсора
if ((x + w + 10) < document.body.clientWidth) {
	 floatTipStyle.left = x + 'px';
// Показывать слой слева от курсора
} else {
	 floatTipStyle.left = x - w + 'px';
}
// Положение от верхнего края окна браузера
floatTipStyle.top = y + 20 + 'px';
}
function toolTip(msg) {
floatTipStyle = document.getElementById("floatTip").style;
if (msg) {
	 // Выводим текст подсказки
	 document.getElementById("floatTip").innerHTML = msg;
	 // Показываем подсказку
	 floatTipStyle.display = "block";
} else {
	 // Прячем подсказку
	 floatTipStyle.display = "none";
}
}

А толк от этого какой?

Наверх

#19 Andrew S.

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

Пользователи
1 382 сообщений

ГородKhabarovsk

Отправлено 23 Апрель 2013 - 18:04

Всё равно ошибки.

Вы скажите, вы сможете помочь или возвращаться к бэкапу?

Наверх

#20 Сake

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

Модератоpы
5 979 сообщений

Отправлено 24 Апрель 2013 - 02:50

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

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