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


Фотография
- - - - -

можно ли сделать сравнение товаров в всплывающем окне


  • Закрытая тема Тема закрыта
Сообщений в теме: 7

#1 Руслан

Руслан

Отправлено 13 August 2014 - 16:10

Добрый вечер!

можно ли сделать сравнение товаров в всплывающем окне

как например быстрый просмотр

?

 

причина:

ширина шаблона(сайта) не позволяет вместить нужное количество товаров

идеальным решением есть вывод в сплывающем окне с  полосой прокрутки

 


  • 0

#2 i001

i001

Отправлено 13 August 2014 - 16:41

Добрый день, а что мешает добавить полосы прокрутки на станицу для блока сравнения?

 

Задаем ширину таблице с сравнением

  1. .jbzoo .jbcompare-table {width: 1000px;}

Добавляем горизонтальный скрол блоку с таблицей

  1. .jbzoo .compare-wrapper {overflow-x: scroll;}

  • 0

#3 Руслан

Руслан

Отправлено 13 August 2014 - 19:04


Спасибо за ответ, только если можно на людском языке,
а то я не совсем понимаю что и куда добавлять,
то что это css я понимаю, а как сделать всплывающее окно ?
или вы имеете в виду просто добавить прокрутку к рабочей области ?
 
и все таки окно было бы на много круче, может обьясните как это организовать ?
  • 0

#4 SmetDenis

SmetDenis

Отправлено 14 August 2014 - 06:48

Вы добавили это CSS к себе?
Можете дать ссылку на ваш сайт?

Как вариант, в шаблоне элемента сравнения товара можно изменить ссылку
media\zoo\applications\jbuniversal\elements\jbfavorite\tmpl\jbfavorite.php

  1. <?php
  2. // no direct access
  3. defined('_JEXEC') or die('Restricted access');
  4.  
  5. $this->app->jbassets->initJBFavorite();
  6.  
  7. $this->app->html->_('behavior.modal', 'a.modal-button');
  8. ?>
  9.  
  10. <!--noindex-->
  11. <div class="wrapper-jbfavorite jsJBZooFavorite <?php echo ($isExists ? ' active ' : 'unactive');?>">
  12.  
  13. <div class="active-favorite">
  14. <a rel="nofollow" href="<?php echo $ajaxUrl;?>" class="jsFavoriteToggle" title="<?php echo JText::_('JBZOO_FAVORITE_REMOVE');?>"><?php echo JText::_('JBZOO_FAVORITE_REMOVE');?></a>
  15. <a class="modal-button" href="<?php echo $favoriteUrl;?>&amp;tmpl=component" title="<?php echo JText::_('JBZOO_FAVORITE');?>" rel="{handler: 'iframe', size: {x: 850, y: 500}}"><?php echo JText::_('JBZOO_FAVORITE');?></a>
  16. </div>
  17.  
  18. <div class="unactive-favorite">
  19. <a rel="nofollow" href="<?php echo $ajaxUrl;?>" class="jsFavoriteToggle" title="<?php echo JText::_('JBZOO_FAVORITE_ADD');?>"><?php echo JText::_('JBZOO_FAVORITE_ADD');?></a>
  20. </div>
  21.  
  22. </div>
  23. <!--/noindex-->
  24.  
Но я не уверен, что это сработает красиво.
  • 0
JBZoo v4.0 и новый чудный мир Open Source GPL
Отключайте проверку лицензий как можно скорее!



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


#5 Руслан

Руслан

Отправлено 14 August 2014 - 10:27

http://videoradio.com.ua

вот сайт

 

проблема в том что ширина поля получается 700пикс

а высота очень большая

заказчик не захотел ставить характеристики отдельными полями

он хотел просто скопировать в текстовое поле всю таблицу

в результате прокрутка очень низко получается

ее здвинуть потом обратно вверх крутить ...

если же сделать всплывающим окном на 100% ширины,

в большинстве случаев (экранов) вид будет более нормальным


  • 0

#6 Руслан

Руслан

Отправлено 14 August 2014 - 21:37

SmetDenis сказал(а) 14 Ауг 2014 - 05:48:

Вы добавили это CSS к себе?
Можете дать ссылку на ваш сайт?

Как вариант, в шаблоне элемента сравнения товара можно изменить ссылку
media\zoo\applications\jbuniversal\elements\jbfavorite\tmpl\jbfavorite.php
 

  1. <?php
  2. // no direct access
  3. defined('_JEXEC') or die('Restricted access');
  4.  
  5. $this->app->jbassets->initJBFavorite();
  6.  
  7. $this->app->html->_('behavior.modal', 'a.modal-button');
  8. ?>
  9.  
  10. <!--noindex-->
  11. <div class="wrapper-jbfavorite jsJBZooFavorite <?php echo ($isExists ? ' active ' : 'unactive');?>">
  12.  
  13. <div class="active-favorite">
  14. <a rel="nofollow" href="<?php echo $ajaxUrl;?>" class="jsFavoriteToggle" title="<?php echo JText::_('JBZOO_FAVORITE_REMOVE');?>"><?php echo JText::_('JBZOO_FAVORITE_REMOVE');?></a>
  15. <a class="modal-button" href="<?php echo $favoriteUrl;?>&amp;tmpl=component" title="<?php echo JText::_('JBZOO_FAVORITE');?>" rel="{handler: 'iframe', size: {x: 850, y: 500}}"><?php echo JText::_('JBZOO_FAVORITE');?></a>
  16. </div>
  17.  
  18. <div class="unactive-favorite">
  19. <a rel="nofollow" href="<?php echo $ajaxUrl;?>" class="jsFavoriteToggle" title="<?php echo JText::_('JBZOO_FAVORITE_ADD');?>"><?php echo JText::_('JBZOO_FAVORITE_ADD');?></a>
  20. </div>
  21.  
  22. </div>
  23. <!--/noindex-->
  24.  
Но я не уверен, что это сработает красиво.

 

после добавления это стройки - ничего не поменялось

 

Пожалуйста! Помогите сделать сравнение товаров во всплывающем окне и на 100% экрана


  • 0

#7 Руслан

Руслан

Отправлено 14 August 2014 - 21:59

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

но и ссылку изменить, как то вылетело это дело

 

НО как сделать на всю ширину и высоту экранов,

для компа или планшета ?

 

поменял на '100%' - слезло всплывающее окно набок,

хотя ширину, вроде, правильно определило


  • 0

#8 SmetDenis

SmetDenis

Отправлено 15 August 2014 - 06:18

Для этих целей вам придется подгонять значения в rel через JS
  1. jQuery(function($){
  2. var newRel = "{handler: 'iframe', size: {x: " + $(window).height() + ", y: " + $(window).width() + "}}";
  3. $('.active-favorite .modal-button').attr('rel', newRel);
  4. });
Желательно этот код выполнить перед инициализацией модального окна
yia_200x0.png
  • 0
JBZoo v4.0 и новый чудный мир Open Source GPL
Отключайте проверку лицензий как можно скорее!



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





Click to return to top of page in style!