Jump to content


Photo
- - - - -

Всплывающее окно с ценами в разных валютах при наведении на цену


  • This topic is locked This topic is locked
16 replies to this topic

#11 SmetDenis

SmetDenis
  • Administrators
  • User rate: 139.4
  • posts: 16232
  • topics: 200

Posted 11 September 2013 - 11:27

Да, этот блок отвечает за вывод флажков валют.
  • 0
JBZoo v4.0 и новый чудный мир Open Source GPL
Отключайте проверку лицензий как можно скорее!



— Есть два типа людей: Кто еще не делает бекапы и кто уже делает бекапы.


#12 xatberg

xatberg
  • JBZoo User (rus)
  • User rate: 2.4
  • posts: 187
  • topics: 12

Posted 12 September 2013 - 15:34

Получился такой результат на цену наводишь всплывает окно с флажками, места теперь можно грамотно с экономить, только вот данные не меняются при нажатие, всему виной  походу нет инициализации самого tooltipa

Attached Thumbnails

  • Новый рисунок.jpg.jpg

Edited by европа, 12 September 2013 - 15:35.

  • 0

#13 SmetDenis

SmetDenis
  • Administrators
  • User rate: 139.4
  • posts: 16232
  • topics: 200

Posted 13 September 2013 - 20:34

Дайте ссылку, возможно я увижу баг. Скорее всего вы серьезно изменили обрамляющие классы 


  • 0
JBZoo v4.0 и новый чудный мир Open Source GPL
Отключайте проверку лицензий как можно скорее!



— Есть два типа людей: Кто еще не делает бекапы и кто уже делает бекапы.


#14 .polega.

.polega.
  • Topic Starter
  • JBZoo User (rus)
  • User rate: 8.4
  • posts: 275
  • topics: 47

Posted 14 September 2013 - 08:04

Получился такой результат на цену наводишь всплывает окно с флажками, места теперь можно грамотно с экономить, только вот данные не меняются при нажатие, всему виной  походу нет инициализации самого tooltipa

если получится реализовать такое, можно ли посмотреть код, где что менялось/добавлялось?

у меня самого изменить не получается, но по аналогии думаю смогу реализовать


  • 0

#15 SmetDenis

SmetDenis
  • Administrators
  • User rate: 139.4
  • posts: 16232
  • topics: 200

Posted 17 September 2013 - 04:52

европа, посмотрел вашу реализацию.

Тултип "выдирает"  флажки из нужного места, соответственно jQuery события не наложаться на флажки.

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


  • 0
JBZoo v4.0 и новый чудный мир Open Source GPL
Отключайте проверку лицензий как можно скорее!



— Есть два типа людей: Кто еще не делает бекапы и кто уже делает бекапы.


#16 xatberg

xatberg
  • JBZoo User (rus)
  • User rate: 2.4
  • posts: 187
  • topics: 12

Posted 17 September 2013 - 23:20

европа, посмотрел вашу реализацию.

Тултип "выдирает"  флажки из нужного места, соответственно jQuery события не наложаться на флажки.

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

там такой момент получается при инициализации тултипа в тизере если используется ajax подгрузка то эта реализация не работает так как потом не срабатывает этот самый тултип, а не неиспльзовать его в коде  не получится (методы уже все перепробованы) этот вариант правильно будет работать с css 

 

 

если получится реализовать такое, можно ли посмотреть код, где что менялось/добавлялось?

у меня самого изменить не получается, но по аналогии думаю смогу реализовать

 

Будет решение ^-^  


  • 0

#17 xatberg

xatberg
  • JBZoo User (rus)
  • User rate: 2.4
  • posts: 187
  • topics: 12

Posted 19 September 2013 - 02:53

Итак 

 

Тянем нереальной величины плагин tooltipa 

 

потом вдруг находим media\zoo\applications\jbuniversal\elements\jbpriceadvance\tmpl\_prices

 

там меняем 

 

с 18





    <div class="jbprice-currency-list not-paid-box">
        <?php foreach ($currencyList as $currency) : ?>
            <span class="jbprice-currency jsPriceCurrency jbcurrency jbcurrency-<?php echo strtolower($currency); ?>"
                  data-currency="<?php echo $currency; ?>"
                  title="<?php echo JText::_('JBZOO_JBCURRENCY_' . $currency); ?>"><?php echo $currency; ?></span>
        <?php endforeach; ?>
        <div class="clear clr"></div>
    </div>

по 25

 

на





{extrotips link=|text=<img src="images/minus.png" width="15" height="15" alt="">|tip=<div class="jbprice-currency-list not-paid-box"><?php foreach ($currencyList as $currency) : ?><div class="jbprice-currency jsPriceCurrency jbcurrency jbcurrency-<?php echo strtolower($currency); ?>"data-currency="<?php echo $currency; ?>"title="<?php echo JText::_('JBZOO_JBCURRENCY_' . $currency); ?>"><?php echo $currency; ?></div><?php endforeach; ?><div class="clear clr"></div></div>|class=green top wi200 n2s|}

должно получится

 

 

post-1991-0-57812200-1379552721_thumb.jp

 

картинку (minus.png) можно обернуть в див класс и отформатировать как надо 

 

если нужно чтобы в место картинки срабатывало  при наведение на цену тоо с 28 - 89 строчек из этого же файла добавляем вместо картинки, вроде так должно срабатывать нно я не экспериментировал 

из минусов код надо в одну строку располагать 

 

не забываем про css в котором можно добавить свои стили(или редактировать) итд  plugins\system\extrotips\extrotips.css 

 

данное решение работает  в тизере с ajax подгрузкой, считаю универсальным в плане -

 

если на странице нужно уложить большой объем информации в окне 900х400

 

к примеру пишется текст анонс в 100 символов - а в тоолтип положить полное описание, итд все что может прийти в голову я думаю можно реализовать, поскольку не используется сторонний js

 

считаю решение простое, но если кто может лучше и качественней с удовольствием возьму на вооружение

 

Attached Thumbnails

  • Безымянный.jpg

  • 3




Click to return to top of page in style!