Перейти к содержанию

Понравился модуль?  

101 пользователь проголосовал

You do not have permission to vote in this poll, or see the poll results. Пожалуйста, войдите или зарегистрируйтесь для возможности голосования в этом опросе.

Рекомендуемые сообщения

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.Зашли в админку - дополнения - модули - установили модуль

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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.Зашли в админку - дополнения - модули - установили модуль

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

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Так, чет у автора ссылки плохие :) Даю хорошую 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 (без ВОМ) иначе будут кракозябры :)

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

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

Изменено пользователем shpakov
  • +1 5

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

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

Спасибо

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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');
?

Как быть?

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

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

Как быть?

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

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

Как быть?

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

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

$('#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>

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

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

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

$('#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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

$('#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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Не работает на 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'));

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

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

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

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

P.S.

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Вроде как написано что без 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"

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.