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


Фотография
* * * * * 1 Голосов

Как реализовать листание товаров в Quickview

quickview

Лучший Ответ attukyc , 13 August 2016 - 10:26

Все таки смог докопаться и решить данную проблему.

 

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

 

Я использовал в качестве основы шаблон AUTO. 

 

По пути:

../jbuniversal/templates/auto/elements/itemprevnext/tmpl

Есть такой файл:

 

itemprevnext.php

 

 

Его нужно отредактировать следующим образом:

<?php


/**
 * JBZoo App is universal Joomla CCK, application for YooTheme Zoo component
 * @package     jbzoo
 * @version     2.x Pro
 * @author      JBZoo App http://jbzoo.com
 * @copyright   Copyright (C) JBZoo.com,  All rights reserved.
 * @license     http://jbzoo.com/license-pro.php JBZoo Licence
 * @coder       Denis Smetannikov <denis@jbzoo.com>
 */

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

<div class="page-nav clearfix">
    <?php if ($prev_link) : ?>
        <a class="prev" title="<?php echo JText::_('JPREV'); ?>" href="javascript:parent.jQuery.fancybox.open({href : '<?php echo $prev_link; ?>&amp;tmpl=component&amp;jbquickview=quickview&amp;modal=1', type : 'iframe', maxHeight: 480, minWidth: 950});">
            <img src="/images/prev.png">
        </a>
    <?php endif; ?>
    
    <?php if ($next_link) : ?>
        <a class="next" title="<?php echo JText::_('JNEXT'); ?>" href="javascript:parent.jQuery.fancybox.open({href : '<?php echo $next_link; ?>&amp;tmpl=component&amp;jbquickview=quickview&amp;modal=1', type : 'iframe', maxHeight: 480, minWidth: 950});">
            <img src="/images/next.png">
        </a>
    <?php endif; ?>
</div>

Далее, конечно, надо правильно настроить стили и изображения для вывода.

 

Опубликовать в quickview  ->  Previous/Next Link

 

И можно будет просматривать товары при нажатии кнопки быстрый просмотр, как галерея.

 

 

Вот результат:

 

http://new.timergrad...orota-i-kalitki

Перейти к сообщению


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

#1 attukyc

attukyc

Отправлено 12 August 2016 - 17:46

Добрый день!

 

Как можно реализовать листание товаров при детальном просмотре, как здесь:

 

http://msk.timergrad...rota-i-kalitki/

 

Это вообще возможно с компонентом jbZoo?


  • 0

#2 13LTD

13LTD

Отправлено 12 August 2016 - 19:11

http://forum.jbzoo.c...iew/#entry88576


  • 0

#3 attukyc

attukyc

Отправлено 12 August 2016 - 21:17

Т.е. даже теоретически исполнить такое нельзя? В демо http://demo.jbzoo.co...own-1997-athensавтомобили есть стрелки следующий и предыдущий товар. Неужели нельзя тоже вывести две стрелки (вроде там есть prev/next) в это модальное окно и при нажатии в fancy box будет меняться товар?


  • 0

#4 attukyc

attukyc

Отправлено 13 August 2016 - 07:37

Нужна консультация по quickview:

 

Когда на товаре нажимаешь кнопку Быстрый просмотр, я так понял, вызывается fancybox, который в модальное окно подгружает iframe, для первого моего товара он выглядит так:

 

<iframe id="fancybox-frame1471069264257" name="fancybox-frame1471069264257" class="fancybox-iframe" frameborder="0" vspace="0" hspace="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen="" scrolling="no" src="/vorota-i-kalitki/item/vorota-v-stile-srednevekovya-art-1?category_id=6&amp;tmpl=component&amp;jbquickview=quickview&amp;modal=1"></iframe>

 

где src - это прямая ссылка на товар.

 

Если я в редакторе кода Яндекса (F12) меняю ее например на:

 

/vorota-i-kalitki/item/raspashnye-vorota-s-vostochnym-ornamentom-art-5?category_id=6&amp;tmpl=component&amp;jbquickview=quickview&amp;modal=1

 

То в модальном окне происходит то что мне нужно - меняется товар.

 

 

Неужели нельзя сделать так: 

1) Получить массив со всеми ссылками на товары раздела каталога в таком виде

 

(/vorota-i-kalitki/item/vorota-v-stile-srednevekovya-art-1?category_id=6&amp;tmpl=component&amp;jbquickview=quickview&amp;modal=1)

 

как строковую переменную

 

2) При нажатии на определенную кнопку next увеличивать счетчик в массиве и prev уменьшать счетчик, соответственно подставляя значения в iframe src

 

3) Обновить страницу в модальном окне, не обновляя при этом саму страницу в браузере?

 

 

Помогите, пожалуйста, очень нужно  :  :  :  :  :  :  :  :

 

 

 

Все манипуляции провожу здесь:

http://new.timergrad...orota-i-kalitki


  • 0

#5 attukyc

attukyc

Отправлено 13 August 2016 - 08:37

Немного покопался в fancybox и увидел, что там есть некоторое решение, в статичном виде реализовал следующим образом:

 

http://new.timergrad...demo/index.html

 

 

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

<p>
 <a href="javascript:parent.jQuery.fancybox.open({href : 'iframe3.html', type : 'iframe', minHeight: 500});"><img src="prev.png"></a>
|
 <a href="javascript:parent.jQuery.fancybox.open({href : 'iframe2.html', type : 'iframe', minHeight: 500});"><img src="next.png"></a>
</p>

Теперь задачи остаются две:

 

1) Получить массив с адресами товаров раздела в каталоге zoo

 

2) Подстановку их на кнопки prev и next

 

Ну и главная задача как это подружить с jbZoo?


  • 0

#6 attukyc

attukyc

Отправлено 13 August 2016 - 10:26   Лучший Ответ

*
Популярное сообщение!

Все таки смог докопаться и решить данную проблему.

 

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

 

Я использовал в качестве основы шаблон AUTO. 

 

По пути:

../jbuniversal/templates/auto/elements/itemprevnext/tmpl

Есть такой файл:

 

itemprevnext.php

 

 

Его нужно отредактировать следующим образом:

<?php


/**
 * JBZoo App is universal Joomla CCK, application for YooTheme Zoo component
 * @package     jbzoo
 * @version     2.x Pro
 * @author      JBZoo App http://jbzoo.com
 * @copyright   Copyright (C) JBZoo.com,  All rights reserved.
 * @license     http://jbzoo.com/license-pro.php JBZoo Licence
 * @coder       Denis Smetannikov <denis@jbzoo.com>
 */

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

<div class="page-nav clearfix">
    <?php if ($prev_link) : ?>
        <a class="prev" title="<?php echo JText::_('JPREV'); ?>" href="javascript:parent.jQuery.fancybox.open({href : '<?php echo $prev_link; ?>&amp;tmpl=component&amp;jbquickview=quickview&amp;modal=1', type : 'iframe', maxHeight: 480, minWidth: 950});">
            <img src="/images/prev.png">
        </a>
    <?php endif; ?>
    
    <?php if ($next_link) : ?>
        <a class="next" title="<?php echo JText::_('JNEXT'); ?>" href="javascript:parent.jQuery.fancybox.open({href : '<?php echo $next_link; ?>&amp;tmpl=component&amp;jbquickview=quickview&amp;modal=1', type : 'iframe', maxHeight: 480, minWidth: 950});">
            <img src="/images/next.png">
        </a>
    <?php endif; ?>
</div>

Далее, конечно, надо правильно настроить стили и изображения для вывода.

 

Опубликовать в quickview  ->  Previous/Next Link

 

И можно будет просматривать товары при нажатии кнопки быстрый просмотр, как галерея.

 

 

Вот результат:

 

http://new.timergrad...orota-i-kalitki


Сообщение отредактировал attukyc: 13 August 2016 - 14:23

  • 8

#7 CB9TOIIIA

CB9TOIIIA

Отправлено 13 August 2016 - 10:36

а красота та какая) молодец!


  • 0





Темы с аналогичным тегами quickview

Click to return to top of page in style!