[Помогите] Как подружить cloud-zoom и галерею (colorbox) в карточке товара

Тема в разделе "OpenCart", создана пользователем Grek, 31 мар 2015.

  1. Grek

    Grek

    Регистрация:
    18 янв 2013
    Сообщения:
    172
    Симпатии:
    18
    Подскажите, пожалуйста, как в шаблоне Kitchen в карточке товара реализовать такой момент - при наведении на картинку товара появляется эффект Cloud-zoom (увеличение), как сделать, чтобы при этом работающем эффекте при нажатии на фото товара загружалась его полное фото в popup - окне (по сути как подружить cloud-zoom эффект пр наведении и галерею при щелчке). То есть, в этом шаблоне реализована маленькая кнопка "увеличенительное стекло" сверху фото товара, при клике на которую появляется полное изображение товара в popup. Как сделать такой popup для всей области фотографии товара?
    Вот как работает маленькая кнопочка, которая вызывает галерею в всплывающем окне:

    Код:
    <div class="zoom-top">
                    <a href="<?php echo $image['popup']; ?>" title="<?php echo $heading_title; ?>"  data-gal="prettyPhoto[gallery1]" >
                        <img src="" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" />
                    </a>
                </div>