VM 2.x Flexible - Virtuemart Zoom Effect

А кто нибуть пробовал внедрять бесплатный скрипт лупы без модулей? Он намного отзывчивей и страницу не отягощает. На шаблонах vinagecko (virtuemart) можно оценить в действии, там их просто вшили. Вот бы повторить подвиг
скинь ссылку
 
Разобрался как его внедрить. Идем на сайт
Для просмотра ссылки Войди или Зарегистрируйся
и качаем бесплатный скрипт открываем архив и берем следующие файлы 1) elevatezoom.jquery.json, 2) jquery.elevatezoom.js, 3) jquery.elevateZoom-3.0.8.min.js и ложим вот сюда \templates\ваш_шаблон\js.
Открываем \templates\ваш_шаблон\html\com_virtuemart\productdetails\default_images.php если его здесь нет то правим этот
\components\com_virtuemart\views\productdetails\tmpl\default_images.php

Находим этот кусок кода в нашем файле default_images.php
Код:
if (!empty($this->product->images)) {
    $image = $this->product->images[0];
    ?>
    <div class="main-image">
        <?php echo $image->displayMediaFull("",true,"rel='vm-additional-images'"); ?>
        <div class="clear"></div>
    </div>
    <?php
}
?>
И заменим этим
Код:
// Zoom Image add code --------------------------------------------------------------------------
$document = JFactory::getDocument();
$app       = JFactory::getApplication();
$template = $app->getTemplate();
$document->addScript(JURI::base() . 'templates/' . $template . '/js/jquery.elevatezoom.js');

$zoomJs = 'jQuery(document).ready(function() {
    jQuery("#zoom_05").elevateZoom({
  zoomType                : "inner",
  cursor: "crosshair"
});  
});';

$document->addScriptDeclaration($zoomJs);
// Zoom Image end ---------------------------------------------------------------------------------

if (!empty($this->product->images)) {
    $image = $this->product->images[0];
    ?>
    <div class="main-image">
        <?php echo $image->displayMediaFull('id="zoom_05" itemprop="image"',true,"rel='vm-additional-images'"); ?>
        <div class="clear"></div>
    </div>
    <?php
}
?>

Теперь zoom будет внутри главного изображения товара.
Если надо зум рядом с изображением то заменяем код этим
Код:
// Zoom Image add code --------------------------------------------------------------------------
$document = JFactory::getDocument();
$app       = JFactory::getApplication();
$template = $app->getTemplate();
$document->addScript(JURI::base() . 'templates/' . $template . '/js/jquery.elevatezoom.js');

$zoomJs = 'jQuery(document).ready(function() {
    jQuery("#zoom-image").elevateZoom();  
});';

$document->addScriptDeclaration($zoomJs);
// Zoom Image end ---------------------------------------------------------------------------------

if (!empty($this->product->images)) {
    $image = $this->product->images[0];
    ?>
    <div class="main-image">
        <?php echo $image->displayMediaFull('id="zoom-image" itemprop="image"',true,"rel='vm-additional-images'"); ?>
        <div class="clear"></div>
    </div>
    <?php
}
?>
Примеры разных вариантов зума можно найти здесь
Для просмотра ссылки Войди или Зарегистрируйся
 
Выше приведенный файл действительно занулен и установился. Но вот с вирутемарт 3.2.2 он не хочет работать - просто не зумит. Превью же не видит вообще.

Прикрепляю свежий - plg vm flexible zoom effect v.5.0 (в комплекте архивы для ВМ2 и ВМ3)
Вот только лицензию требует. Если есть знатоки - буду благодарен, если зануллите.
 
Последнее редактирование:
Выше приведенный файл действительно занулен и установился. Но вот с вирутемарт 3.2.2 он не хочет работать - просто не зумит. Превью же не видит вообще.

Прикрепляю свежий - plg vm flexible zoom effect v.5.0 (в комплекте архивы для ВМ2 и ВМ3)
Вот только лицензию требует. Если есть знатоки - буду благодарен, если зануллите.
 
Кто-то смог убрать привязку к домену?
 
Назад
Сверху