Перейти к публикации
Поиск в
  • Дополнительно...
Искать результаты, содержащие...
Искать результаты в...

[Модуль] Image Zoom


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

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

У вас недостаточно прав чтобы проголосовать в этом опросе или просмотреть его результаты. Пожалуйста, войдите или зарегистрируйтесь для голосования в опросе.

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

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

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

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

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


  • 4 недели спустя...

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

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

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

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

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


  • 3 недели спустя...
  • 2 недели спустя...

Так, чет у автора ссылки плохие :) Даю хорошую 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
Ссылка на комментарий
Поделиться на других сайтах


  • 1 месяц спустя...
  • 4 месяца спустя...

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

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

Спасибо

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


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

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

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


  • 4 месяца спустя...

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

Как быть?

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


И ещё вопрос, если 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 ом как не всплывало, так и не всплывает!

ну дальше сложно быть телепатом)
Ссылка на комментарий
Поделиться на других сайтах


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

Я понимаю, но и понять как найти ошибку не могу. Делаю так - устанавливаю 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 и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.