[Модуль] Image Zoom

[tehnikawdom]

Image Zoom

Модуль позволяет увеличивать картинку в подробном описании товара при наведении курсора на неё.

Вот пример, установил себе: http://shop-casio.ru/index.php?route=product/product&path=35&product_id=68

В архиве файлы и readme с описанием где и что нужно заменить (на английском)

Тем кто плохо разбирается в английском, разъясняю сам:

1. Разархивировали архив (КАЧАЕМ МОДУЛЬ)

2. Скопировали папки admin и catalog в папку вашего сайта (ничего заменено не будет)

3.Нашли и открыли: catalog/view/theme/ВАША_ТЕМА/template/product/product.tpl

4.В этом файле нашли:

<div id="content">

и перед ним вставили:

<link rel="stylesheet" type="text/css" href="catalog/view/theme/<?php echo $template; ?>/stylesheet/jqzoom.css" />
<script type="text/javascript" src="catalog/view/javascript/jqzoom.pack.1.0.1.js"></script>

4.1. Нашли:

$.tabs('.tabs a');

После него вставили:

<?php if($this->config->get('imagezoom_status')==1){ ?> 
 var options3 =
            {
                zoomWidth: <?php echo $this->config->get('imagezoom_width'); ?>,
                zoomHeight: <?php echo $this->config->get('imagezoom_height'); ?>,
                xOffset: 20,
                title: '<?php echo $heading_title; ?>',
                lens:false

            }
	$(".jqzoom3").jqzoom(options3);
 <?php } ?>

4.2. Нашли (таких вариантов будет ДВА!!! Нужно ЗАМЕНИТЬ только ПЕРВЫЙ!!!):

class="thickbox"

И ЗАМЕНИЛИ его она:

class="jqzoom3 thickbox"

4.3.Сохранили изменения, закрыли!

5.Зашли в админку - дополнения - модули - установили модуль

Готово!!!!!!!!!!!!!

КАЧАЕМ МОДУЛЬ

[cruelindian]

Image Zoom

Модуль позволяет увеличивать картинку в подробном описании товара при наведении курсора на неё.

Вот пример, установил себе: http://shop-casio.ru/index.php?route=product/product&path=35&product_id=68

В архиве файлы и readme с описанием где и что нужно заменить (на английском)

Тем кто плохо разбирается в английском, разъясняю сам:

1. Разархивировали архив (КАЧАЕМ МОДУЛЬ)

2. Скопировали папки admin и catalog в папку вашего сайта (ничего заменено не будет)

3.Нашли и открыли: catalog/view/theme/ВАША_ТЕМА/template/product/product.tpl

4.В этом файле нашли:

<div id="content">

и перед ним вставили:

<link rel="stylesheet" type="text/css" href="catalog/view/theme/<?php echo $template; ?>/stylesheet/jqzoom.css" />
<script type="text/javascript" src="catalog/view/javascript/jqzoom.pack.1.0.1.js"></script>

4.1. Нашли:

$.tabs('.tabs a');

После него вставили:

<?php if($this->config->get('imagezoom_status')==1){ ?> 
 var options3 =
            {
                zoomWidth: <?php echo $this->config->get('imagezoom_width'); ?>,
                zoomHeight: <?php echo $this->config->get('imagezoom_height'); ?>,
                xOffset: 20,
                title: '<?php echo $heading_title; ?>',
                lens:false

            }
	$(".jqzoom3").jqzoom(options3);
 <?php } ?>

4.2. Нашли (таких вариантов будет ДВА!!! Нужно ЗАМЕНИТЬ только ПЕРВЫЙ!!!):

class="thickbox"

И ЗАМЕНИЛИ его она:

class="jqzoom3 thickbox"

4.3.Сохранили изменения, закрыли!

5.Зашли в админку - дополнения - модули - установили модуль

Готово!!!!!!!!!!!!!

КАЧАЕМ МОДУЛЬ

Ссылка битая а модуль очень нужный!

[cruelindian]

Вопрос решён без модуля

[tehnikawdom]

нужно было просить в ЛС, чтобы перезалил модуль...

[shpakov]

Спасибо - модуль нужный, осталось только скачать.

[tehnikawdom]

пишите в ЛС. кину ссылку

[shpakov]

Так, чет у автора ссылки плохие :) Даю хорошую image-zoom.rar.html

И небольшое дополнение к описанию пути - т.к. у меня тема не дефолтная, то искомый файл product.tpl

находился не в catalog/view/theme/ВАША_ТЕМА/template/product/ (в моей теме папки product просто нет), а в папке с дефолтной темой:

catalog\view\theme\default\template\product

Модуль взят с сайта http://***/moduli/207-image-zoom-all-v148x-and-v149x.html, (там надо регаться, что б его скачать) надеюсь они на меня не обидятся, что я его просто так выкладываю.

Ах да, чуть не забыл, не забываем про кодировку, она должны быть UTF8 (без ВОМ) иначе будут кракозябры :)

--------------------

Вот интересно, за что мне минус по данному посту прилетел?

Змінено 27 серпня 2011 користувачем shpakov

[Nawex]

А как сделать чтобы зуммировалось не только главное изображение, но и те, которые находятся во вкладке фото?

[enthuziast]

Отлично, все работает!

Подскажите, а можно ли зафиксировать рабочую область "зума"? т.е. не просто сделать так, что 300х300, а именно справа от картинки отображалось? А то получается так, что "зумированое изображение" изменяет свою позицию вместе с курсором.

Спасибо

[enthuziast]

Пример: http://www.magictoolbox.com/demo/magiczoomplus/

Этот модуль триал версия. А можно ли просто "зафиксировать" зумированное изображение так же?

[empty]

Image Zoom

Модуль позволяет увеличивать картинку в подробном описании товара при наведении курсора на неё.

Вот пример, установил себе: http://shop-casio.ru...5&product_id=68

В архиве файлы и readme с описанием где и что нужно заменить (на английском)

Тем кто плохо разбирается в английском, разъясняю сам:

1. Разархивировали архив (КАЧАЕМ МОДУЛЬ)

2. Скопировали папки admin и catalog в папку вашего сайта (ничего заменено не будет)

3.Нашли и открыли: catalog/view/theme/ВАША_ТЕМА/template/product/product.tpl

4.В этом файле нашли:

<div id="content">

и перед ним вставили:

<link rel="stylesheet" type="text/css" href="catalog/view/theme/<?php echo $template; ?>/stylesheet/jqzoom.css" />
<script type="text/javascript" src="catalog/view/javascript/jqzoom.pack.1.0.1.js"></script>

4.1. Нашли:

$.tabs('.tabs a');

После него вставили:

<?php if($this->config->get('imagezoom_status')==1){ ?>
var options3 =
			{
				zoomWidth: <?php echo $this->config->get('imagezoom_width'); ?>,
				zoomHeight: <?php echo $this->config->get('imagezoom_height'); ?>,
				xOffset: 20,
				title: '<?php echo $heading_title; ?>',
				lens:false

			}
	$(".jqzoom3").jqzoom(options3);
<?php } ?>

4.2. Нашли (таких вариантов будет ДВА!!! Нужно ЗАМЕНИТЬ только ПЕРВЫЙ!!!):

class="thickbox"

И ЗАМЕНИЛИ его она:

class="jqzoom3 thickbox"

4.3.Сохранили изменения, закрыли!

5.Зашли в админку - дополнения - модули - установили модуль

Готово!!!!!!!!!!!!!

КАЧАЕМ МОДУЛЬ

А если у меня нет

$.tabs('.tabs a');

?

Как быть?

[empty]

А если у меня нет

$.tabs('.tabs a');

?

Как быть?

И ещё вопрос, если vqmod стоит, всё равно нужно что-то где-то менять?

[Akren]

А если у меня нет

$.tabs('.tabs a');

?

Как быть?

Вот и у меня нет такого.

[milus]

И ещё вопрос, если vqmod стоит, всё равно нужно что-то где-то менять?

Вот и у меня нет такого.

ребята я понимаю что по количеству сообщений вы люди новые, но вы хотя бы на демо посмотрите и на дату поста - чувствуете разницу между вашей версией и версией автора??????????

[krumax]

Вот и у меня нет такого.

тогда возможно есть это:

$('#tabs a').tabs();

а проще говоря просто вставьте этот скрипт:

<script type="text/javascript">
<?php if($this->config->get('imagezoom_status')==1){ ?>
var options3 =
{
zoomWidth: <?php echo $this->config->get('imagezoom_width'); ?>,
zoomHeight: <?php echo $this->config->get('imagezoom_height'); ?>,
xOffset: 20,
title: '<?php echo $heading_title; ?>',
lens:false

}
$(".jqzoom3").jqzoom(options3);
<?php } ?>
</script>

[empty]

ребята я понимаю что по количеству сообщений вы люди новые, но вы хотя бы на демо посмотрите и на дату поста - чувствуете разницу между вашей версией и версией автора??????????

Ну а вдруг тема ещё актуальна.

тогда возможно есть это:

$('#tabs a').tabs();

а проще говоря просто вставьте этот скрипт:

<script type="text/javascript">
<?php if($this->config->get('imagezoom_status')==1){ ?>
var options3 =
{
zoomWidth: <?php echo $this->config->get('imagezoom_width'); ?>,
zoomHeight: <?php echo $this->config->get('imagezoom_height'); ?>,
xOffset: 20,
title: '<?php echo $heading_title; ?>',
lens:false

}
$(".jqzoom3").jqzoom(options3);
<?php } ?>
</script>

Да уже поставил модуль Image Zoom Plus

[opencartuser]

тогда возможно есть это:

$('#tabs a').tabs();

а проще говоря просто вставьте этот скрипт:

<script type="text/javascript">
<?php if($this->config->get('imagezoom_status')==1){ ?>
var options3 =
{
zoomWidth: <?php echo $this->config->get('imagezoom_width'); ?>,
zoomHeight: <?php echo $this->config->get('imagezoom_height'); ?>,
xOffset: 20,
title: '<?php echo $heading_title; ?>',
lens:false

}
$(".jqzoom3").jqzoom(options3);
<?php } ?>
</script>

Не работает на 1.5.1, пробовал на 2-х хостингах

Ошибка

Fatal error: Cannot access private property Document::$title in /home/users1/c/ccf/domains/paksel.prooffice.ru/admin/controller/module/imagezoom.php on line 8

[krumax]

Не работает на 1.5.1, пробовал на 2-х хостингах

Ошибка

Fatal error: Cannot access private property Document::$title in /home/users1/c/ccf/domains/paksel.prooffice.ru/admin/controller/module/imagezoom.php on line 8

в файле imagezoom.php

находим

$this->document->title = $this->language->get('heimagezooming_title');

заменяем на

$this->document->setTitle($this->language->get('heimagezooming_title'));

[opencartuser]

Ошибка исчезла, но окошко с zoom ом как не всплывало, так и не всплывает!

[krumax]

Ошибка исчезла, но окошко с zoom ом как не всплывало, так и не всплывает!

ну дальше сложно быть телепатом)

[opencartuser]

ну дальше сложно быть телепатом)

Я понимаю, но и понять как найти ошибку не могу. Делаю так - устанавливаю 1.5.1.3, на нее накатываю vqmod 2-5-16, и туда модуль zoom

Все согласно инструкции. Но толку - ноль

[krumax]

Я понимаю, но и понять как найти ошибку не могу. Делаю так - устанавливаю 1.5.1.3, на нее накатываю vqmod 2-5-16, и туда модуль zoom

Все согласно инструкции. Но толку - ноль

Открываем исходный код страницы и смотрим, всё ли правильно.

Киньте ссылку на сайт.

P.S.

Я не сторонник vqmod -привычнее делать всё ручками.

[opencartuser]

Вроде как написано что без vqmod zoom не работает.

Сайт http://paksel.prooffice.ru

[krumax]

Вроде как написано что без vqmod zoom не работает.

ерунду пишут)

У вас криво стало:

В исходном коде:

<link rel="stylesheet" type="text/css" href="catalog/view/theme/<b>Notice</b>: Undefined variable: template in <b>/home/users1/c/ccf/domains/paksel.prooffice.ru/catalog/view/theme/default/template/product/product.tpl</b> on line <b>2</b>/stylesheet/jqzoom.css" />

у вас не указан шаблон

Откройте и поправьте product.tpl

пропишите так

<link rel="stylesheet" type="text/css" href="catalog/view/theme/default/stylesheet/jqzoom.css" />

находим

class="fancybox"

заменяем на

class="jqzoom3 fancybox"

[empty]

Ошибка исчезла, но окошко с zoom ом как не всплывало, так и не всплывает!

Ставь модуль Image Zoom Plus, ставиться на vqmod, дофига настроек, а что бы исчезла красная надпись смотри в коде прям на сайте.