Всплывающее Краткое Описание Товара
#1
Отправлено 27 Май 2012 - 17:20
Нельзя ли сделать, чтобы при наведении курсора на какой-либо товар, всплывало сообщение с кратким описанием товара (краткое описание - которое задаётся на странице редактирования товара).
P.S. рассматриваемый вопрос актуален при отображении товаров в виде таблицы.
#2
Отправлено 28 Май 2012 - 21:22
Вам необходимо просто в блок вставить переменную выводящую описание товара или что-то другое.
#3
Отправлено 05 Июнь 2012 - 08:36
Vaccina (28 Май 2012 - 21:22) писал:
Вам необходимо просто в блок вставить переменную выводящую описание товара или что-то другое.
Там Вы рассматриваете вопрос, когда нужно нажать куда-то, чтобы вышла подсказка.
А мне нужно без нажатия, когда мы смотрим список товаров на сайте и наводим мышью на стоимость товара - то всплывает окно: сколько стоит этот товар (см.рис.). Мне хотелось бы, чтобы при наведении мышью на рисунок товара, или его название - точно также, подобно цене, всплывало краткое описание товара (кажется, это свойство {goods.DESCRIPTION_SHORT}).
#4
Отправлено 05 Июнь 2012 - 09:20
#5
Отправлено 05 Июнь 2012 - 20:57
<img {% IF goods.IMAGE_EMPTY %}src="{ASSETS_IMAGES_PATH}no-photo-medium.png" width="220"{% ELSE %}src="{goods.IMAGE_SMALL}"{% ENDIF %} alt="{goods.NAME}" />
изменить на
<img {% IF goods.IMAGE_EMPTY %}src="{ASSETS_IMAGES_PATH}no-photo-medium.png" width="220"{% ELSE %}src="{goods.IMAGE_SMALL}"{% ENDIF %} alt="{goods.DESCRIPTION_SHORT}" />
#6
Отправлено 06 Июнь 2012 - 19:49
Vaccina (05 Июнь 2012 - 20:57) писал:
<img {% IF goods.IMAGE_EMPTY %}src="{ASSETS_IMAGES_PATH}no-photo-medium.png" width="220"{% ELSE %}src="{goods.IMAGE_SMALL}"{% ENDIF %} alt="{goods.NAME}" />
изменить на
<img {% IF goods.IMAGE_EMPTY %}src="{ASSETS_IMAGES_PATH}no-photo-medium.png" width="220"{% ELSE %}src="{goods.IMAGE_SMALL}"{% ENDIF %} alt="{goods.DESCRIPTION_SHORT}" />
Эм... Нет. Это что-то не то.
А Вы не могли бы написать, какая функция/свойство отвечает за эту "всплывающую" цену (ту, что на картинке выше)?
#7
Отправлено 06 Июнь 2012 - 21:14
Как вариант это реализация подсказок как описано тут http://forum.storela...dpost__p__21513
или же как описано по ссылке http://forum.storela...dpost__p__21491
#8
Отправлено 07 Июнь 2012 - 18:55
Vaccina (06 Июнь 2012 - 21:14) писал:
Как вариант это реализация подсказок как описано тут http://forum.storela...dpost__p__21513
или же как описано по ссылке http://forum.storela...dpost__p__21491
Ага, посмотрел. Сделал, вроде.
Только посмотрите теперь, как подсказки эти отображаются в Эксплорере.. Как исправить? http://alpa-shop.ru/catalog/Ионизаторы
А так-же, после этих махинаций в том же Эксплорере на главной странице товары разъехались: http://alpa-shop.ru/
Воот. А в опере у некоторых товаров вместо картинки стало название товара отображаться красным - тоже желательно исправить...
Жду скорейшего ответа, т.к. у меня там всё так и выглядит как-попало. Спасибо!
#9
Отправлено 07 Июнь 2012 - 21:03
А так же не совсем ясно как изменения могли повлиять на вашу главную страницу.
В файле стилей найдите
.goodsListItem { padding: 0; text-align: center; vertical-align: top; width: 200px; }
замените на
.goodsListItem { padding: 0; text-align: center; vertical-align: top; }
Цитата
Так же не совсем понятна взаимосвязь. Укажите ссылку на пример.
#10
Отправлено 08 Июнь 2012 - 10:25
#11
Отправлено 08 Июнь 2012 - 17:54
Продублирую
В файле стилей найдите
.goodsListItem { padding: 0; text-align: center; vertical-align: top; width: 200px; }
замените на
.goodsListItem { padding: 0; text-align: center; vertical-align: top; }
#12
Отправлено 08 Июнь 2012 - 18:55
#13
Отправлено 13 Июнь 2012 - 13:07
.goodsListItemBlock { height: 230px; margin: 10px; position: relative; width: 150px; }
и заменить на
.goodsListItemBlock { height: 230px; margin: 10px; position: relative; width: 150px; z-index: 2; }
Цитата
Не совсем понятно происходящее у вас на скриншоте, так как у меня в Google Chrome все нормально отображается.
#14
Отправлено 13 Июнь 2012 - 18:30
Vaccina (13 Июнь 2012 - 13:07) писал:
.goodsListItemBlock { height: 230px; margin: 10px; position: relative; width: 150px; }
и заменить на
.goodsListItemBlock { height: 230px; margin: 10px; position: relative; width: 150px; z-index: 2; }
В IE ничего не изменилось, зато в Опере стало также плохо, как в IE. Так что я всё вернул как было. Что делать?
Vaccina (13 Июнь 2012 - 13:07) писал:
А какая у Вас версия GC?
А ещё можно сделать так, чтобы и у товаров на главной странице такие подсказки всплывали?
#15
Отправлено 14 Июнь 2012 - 22:17
Цитата
$('.goodsListItem').each(function(index){ $(this).css({'position':'relative', 'z-index':(index - 999)}); });
Этот код необходимо разместить в файл main.js после строки
$(document).ready(function(){
Цитата
Цитата
Можно, это делается аналогично, просто изменения вносятся в шаблон "HTML"
#16
Отправлено 15 Июнь 2012 - 19:13
Цитата
$(this).css({'position':'relative', 'z-index':(index - 999)});
});
Только бэкап помог..
#17
Отправлено 15 Июнь 2012 - 19:19
#18
Отправлено 15 Июнь 2012 - 21:24
$('.goodsListItem').each(function(index){ $(this).css({'position':'relative', 'z-index':(index - 999)}); });
на
$('.goodsListItem').each(function(index){ $(this).css({'position':'relative', 'z-index':(999 - index)}); });
#19
Отправлено 16 Июнь 2012 - 14:18
#20
Отправлено 17 Июнь 2012 - 09:44
Цитата
<div class="goodsListItemBlock withBorder cornerAll">на
<div class="goodsListItemBlock withBorder cornerAll" style="position:relative;">и добавить после этого
<div class="show_desc"> {goods.DESCRIPTION_SHORT} </div>?
Или как? У меня не получилось..
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных