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


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

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


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

#1 Руслан

Руслан

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

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

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

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

?

 

причина:

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

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

 


  • 0

#2 i001

i001

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

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

 

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

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

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

.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

<?php
// no direct access
defined('_JEXEC') or die('Restricted access');

$this->app->jbassets->initJBFavorite();

$this->app->html->_('behavior.modal', 'a.modal-button');
?>

<!--noindex-->
<div class="wrapper-jbfavorite jsJBZooFavorite <?php echo ($isExists ? ' active ' : 'unactive');?>">

    <div class="active-favorite">
        <a rel="nofollow" href="<?php echo $ajaxUrl;?>" class="jsFavoriteToggle" title="<?php echo JText::_('JBZOO_FAVORITE_REMOVE');?>"><?php echo JText::_('JBZOO_FAVORITE_REMOVE');?></a>
        <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>
    </div>

    <div class="unactive-favorite">
        <a rel="nofollow" href="<?php echo $ajaxUrl;?>" class="jsFavoriteToggle" title="<?php echo JText::_('JBZOO_FAVORITE_ADD');?>"><?php echo JText::_('JBZOO_FAVORITE_ADD');?></a>
    </div>

</div>
<!--/noindex-->

Но я не уверен, что это сработает красиво.
  • 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

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

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

<?php
// no direct access
defined('_JEXEC') or die('Restricted access');

$this->app->jbassets->initJBFavorite();

$this->app->html->_('behavior.modal', 'a.modal-button');
?>

<!--noindex-->
<div class="wrapper-jbfavorite jsJBZooFavorite <?php echo ($isExists ? ' active ' : 'unactive');?>">

    <div class="active-favorite">
        <a rel="nofollow" href="<?php echo $ajaxUrl;?>" class="jsFavoriteToggle" title="<?php echo JText::_('JBZOO_FAVORITE_REMOVE');?>"><?php echo JText::_('JBZOO_FAVORITE_REMOVE');?></a>
        <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>
    </div>

    <div class="unactive-favorite">
        <a rel="nofollow" href="<?php echo $ajaxUrl;?>" class="jsFavoriteToggle" title="<?php echo JText::_('JBZOO_FAVORITE_ADD');?>"><?php echo JText::_('JBZOO_FAVORITE_ADD');?></a>
    </div>

</div>
<!--/noindex-->

Но я не уверен, что это сработает красиво.

 

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

 

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


  • 0

#7 Руслан

Руслан

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

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

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

 

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

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

 

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

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


  • 0

#8 SmetDenis

SmetDenis

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

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



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





Click to return to top of page in style!