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


Краткое Описание Товара?


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

#21 Vaccina

Vaccina

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

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

Отправлено 10 Июль 2012 - 01:19

Вам необходимо найти

<div class="goodsListItemBlock withBorder cornerAll">

и заменить на

<div class="goodsListItemBlock withBorder cornerAll" style="position:relative;">


#22 Flor@@

Flor@@

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

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

Отправлено 10 Июль 2012 - 02:17

Спасибо Вам огромное, хоть криво, но заработало.

Почему-то подсказки, появляются не при наведении на весь блок, а только на название модели. и почему-то все полу зеленого цвета:
http://otdyh-i-son.r...кие-матрасы-все
куки сбрасывала.

#23 Vaccina

Vaccina

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

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

Отправлено 10 Июль 2012 - 22:33

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

#24 Flor@@

Flor@@

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

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

Отправлено 19 Июль 2012 - 16:05

а можно ли сделать так чтобы подсказка(краткое описание) выскакивала только при наведении на какую то небольшую область картинки (только центр или уголок) или же на название товара?

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

#25 Vaccina

Vaccina

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

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

Отправлено 20 Июль 2012 - 19:02

Цитата

а можно ли сделать так чтобы подсказка(краткое описание) выскакивала только при наведении на какую то небольшую область картинки (только центр или уголок) или же на название товара?


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

Цитата

И как сделать так, чтобы подсказка возникала при задержке курсором на конкретном заказе более 3 секунд, например?


Задержку реализовать можно. Вот только не понятно как каком типе товаров это должно быть. Если делать в данном случае задержку, то она будет для всех товаров с подсказкой. Но опять таки это можно сделать используя реализацию подсказок на javascript'e в частности эта http://forum.storela...dpost__p__21648

Необходимо будет только заменить

$('.goodsListItemBlock').hover(function(){
 $(this).find('.show_desc').show();
}, function(){
 $(this).find('.show_desc').hide();
});

на

$('.goodsListItemBlock').hover(function(){
 setTimeout($.proxy(function(){
   $(this).find('.show_desc').show();
 }, this), 3000);
}, function(){
 setTimeout($.proxy(function(){
   $(this).find('.show_desc').hide();
 }, this), 3000);
});


#26 PowerTea

PowerTea

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

  • Пользователи
  • PipPipPip
  • 177 сообщений
  • ГородКалининград

Отправлено 08 Октябрь 2012 - 05:52

Предложенный здесь вариант (title="{goods.DESCRIPTION_SHORT}" в div) работает в категориях товаров, но почему то не прокатывает на главной странице, где я его пытался аналогичным образом прилипить в разного рода списки, выводимые на главной (новинки, рекомендуемые товары...). Так же вставляю title в соответствующий div для вывода в виде таблицы, но ничего не происходит. Причем если поменять goods.DESCRIPTION_SHORT на любой текст (просто "любое слово"), то подсказка выводится. Разве с главной страницы нет доступка к этой информации (goods.DESCRIPTION_SHORT)????? Есть варианты?

#27 Vaccina

Vaccina

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

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

Отправлено 08 Октябрь 2012 - 10:41

Вам необходимо использовать index_page_goods.DESCRIPTION_SHORT вместо goods.DESCRIPTION_SHORT

#28 Flor@@

Flor@@

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

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

Отправлено 25 Ноябрь 2013 - 12:31

SL-20306

подскажите как заново сделать появление кратких описаний при наведении мышкой на каждый товар в каталоге, оно пропало после того как заменила шаблон товары для того, чтобы прикрутить бегунок с ценами (нововведенную функцию).
нужная переменная вроде стоит, но краткие описания тем не менее не всплывают при наведении мышкой:
{goods.DESCRIPTION_SHORT}">


#29 Flor@@

Flor@@

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

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

Отправлено 25 Ноябрь 2013 - 13:53

поправили по телефону. спасибо огромное.

#30 koloskov

koloskov

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

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

Отправлено 02 Декабрь 2013 - 14:07

Делаю в "сиянии" как описано:

main.scc:

div.tooltip {
  position:absolute;
  display:none;
  padding:5px;
  bottom:80px;
  border:1px solid #D6D6D6;
  width:400px;
  z-index:999;
  background:#fff;
  left:80px;
  font-size: 12px;
}

.tooltip_select {
position:relative;
}

.tooltip_select:hover div.tooltip {
  display:block;
}


Товары:

<!-- Список товаров. Таблица -->
  <table>
<tr>
  {% FOR goods %}
<td class="goodsListItem">  
  <div class="goodsListItemBlock withBorder cornerAll" style="position:relative;">
<table class="goodsListItemImage">
  <tr>
<td>
  <div class="goodsListItemImage tooltip_select">
   <div class="tooltip">{goods.DESCRIPTION_SHORT}</div>

   <a href="{goods.URL}" title="Перейти на страницу &laquo;{goods.NAME}&raquo;"><img class="goods-image-other" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-other.png{% ELSE %}{goods.IMAGE_OTHER}{% ENDIF %}" alt="{goods.NAME}" /></a>
  </div>
</td>
  </tr>
</table>

а на картинке всплывающая инфа отображается не поверх:

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

  • 35.png


#31 koloskov

koloskov

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

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

Отправлено 02 Декабрь 2013 - 15:40

Вроде сам разобрался, убрал строчку и заменил title:

  <div class="goodsListItemImage tooltip_select">    
   <div class="tooltip">{goods.DESCRIPTION_SHORT}</div>
   <a href="{goods.URL}" title="{goods.DESCRIPTION_SHORT}"><img class="goods-image-other" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-other.png{% ELSE %}{goods.IMAGE_OTHER}{% ENDIF %}" alt="{goods.NAME}" /></a>




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

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