7 replies to this topic

[Руслан]

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

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

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

?

 

причина:

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

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

 

[i001]

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

 

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

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

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

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

[Руслан]

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

[SmetDenis]

Вы добавили это 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-->

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

[Руслан]

http://videoradio.com.ua

вот сайт

 

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

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

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

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

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

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

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

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

[Руслан]

Вы добавили это 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% экрана

[Руслан]

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

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

 

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

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

 

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

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

[SmetDenis]

Для этих целей вам придется подгонять значения в rel через JS

jQuery(function($){
    var newRel = "{handler: 'iframe', size: {x: " + $(window).height() + ", y: " + $(window).width() + "}}";
    $('.active-favorite .modal-button').attr('rel', newRel);
});

Желательно этот код выполнить перед инициализацией модального окна