Фотографии с увеличением

[gps4you]

Всем привет.

Каким модулем добиться такого эффекта:

http://sualaptopdn.com/demo/index.php?route=product/product&product_id=48

при увеличении фотографии?

[michael]

http://www.professorcloud.com/mainsite/cloud-zoom.htm

[proded]

Ткните носом в инструкцию по установке, пожалуйста, очень надо.

[michael]

Ткните носом в инструкцию по установке, пожалуйста, очень надо.

Вот, правда это не совсем инструкция по установке.

Если нет желания вникать: http://www.opencart.com/index.php?route=extension/extension&filter_search=Product%20Cloud%20Zoom&sort=e.date_modified&order=DESC

[proded]

Благодарствую, сперва будем вникать.

[Vetal]

сделал так:

загружаем отсюда http://www.professorcloud.com/downloads/cloud-zoom.1.0.2.zip архив.

файлы из него ставим у catalog/view/javascript/jquery/ .

у файле catalog/view/theme/ВАША ТЕМА ПО УМОЛЧАНИЮ/template/common/header.tpl после

<script type="text/javascript" src="catalog/view/javascript/jquery/tab.js"></script>

вставляем ето:

<script type="text/javascript" src="catalog/view/javascript/jquery/cloud-zoom.1.0.2.js"></script>
<script type="text/javascript" src="catalog/view/javascript/jquery/cloud-zoom.1.0.2.min.js"></script>
<link rel="stylesheet" href="catalog/view/javascript/jquery/cloud-zoom.css" type="text/css">

после у файле catalog/view/theme/ВАША ТЕМА ПО УМОЛЧАНИЮ/template/product/product.tpl

ищем:

<td style="text-align: center; width: 250px; vertical-align: top;"><a href="<?php echo $popup; ?>" title="<?php echo $heading_title; ?>" class="thickbox" rel="gallery"><img src="<?php echo $thumb; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" id="image" style="margin-bottom: 3px;" /></a><br />
            <span style="font-size: 11px;"><?php echo $text_enlarge; ?></span></td>

изменяем на :

<td style="text-align: center; width: 250px; vertical-align: top;"><div class="zoom-section">
              <div class="zoom-small-image"><a href="<?php echo $popup; ?>" class = "thickbox cloud-zoom" id="zoom1" rel="tint:'#ff0000',tintOpacity:0.5 ,smoothMove:5,zoomWidth:285, adjustY:-4, adjustX:10"><img src="<?php echo $thumb; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" id="image"></a></div></div>
              <span style="font-size: 11px;"><?php echo $text_enlarge; ?></span></td>

и пользуемся. Но... как сделать так, чтобы снизу появились дополнительные картинки и нажимая на них открывались в основном окне картинки, коротче так как здесь

http://sualaptopdn.com/demo/index.php?route=product/product&path=20&product_id=46

[WebWoyska]

+1, может кто видел в паблике даст ссылочку?!

[michael]

+1, может кто видел в паблике даст ссылочку?!

За выкладывание платных модулей в свободный доступ могут и по шапке надавать.

[trance]

Насколько я понял, єто то что нужно

Версия ОС 1.4.9.3

Ня...

Что-бы прикрутить к действующему шаблону, нужно немного повозится, в результате будет то что на скриншоте, наводим мышку на фото товара , появляетсья окошко с увеличиным изображением (аля Лупа).

ПС. Убедительная просьба , делайте бакап заменяемых файлов, модуль ОЧЕНЬ сырой

opencartmagnifier.zip

[Vetal]

Насколько я понял, єто то что нужно

Версия ОС 1.4.9.3

Ня...

Что-бы прикрутить к действующему шаблону, нужно немного повозится, в результате будет то что на скриншоте, наводим мышку на фото товара , появляетсья окошко с увеличиным изображением (аля Лупа).

ПС. Убедительная просьба , делайте бакап заменяемых файлов, модуль ОЧЕНЬ сырой

выше я написал как такое сделать, просто у меня нужно было замещать (дописывать) самому а у тебя идет как модуль с простой заменой файлов. Вопрос стоит как сделать следующее: жму на любое из дополнительных изображений, оно пидгружаеться на место основного которое в свою очередь можно увеличить наведением курсора.

детальнее в прикрепленной картинке

Красной стрелкой показана картинка на которую я жму, синей стрелкой показано куда картинка пидгружаеться(то есть на место основной) .Именно это нужно сделать

[aachernishev]

Ребята, спасайте =) :blink:

К теме об увеличении изображения :

пытаюсь прикрутить lightbox, http://www.huddletogether.com/projects/lightbox2/

1. в файле \catalog\view\theme\default\template\product\product.tpl

изменить это:

<td style="text-align: center; width: 250px; vertical-align: top;"><a href="<?php echo $popup; ?>" title="<?php echo $heading_title; ?>" class="thickbox" rel="gallery"><img src="<?php echo $thumb; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" id="image" style="margin-bottom: 3px;" /></a><br />
            <span style="font-size: 11px;"><?php echo $text_enlarge; ?></span></td>

на это :

<a href="<?php echo $popup; ?>" title="<?php echo $heading_title; ?>" class="thickbox" rel="lightbox"><img src="<?php echo $thumb; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" id="image" style="margin-bottom: 3px;" /></a>
            <span style="font-size: 11px;"><?php echo $text_enlarge; ?></span></td>

2. в файл catalog\view\theme\default\template\product\header.tpl

вставить после строчки :

<script type="text/javascript" src="catalog/view/javascript/jquery/tab.js"></script>

Это:

<script type="text/javascript" src="catalog/view/javascript/jquery/js/prototype.js"></script>
<script type="text/javascript" src="catalog/view/javascript/jquery/js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="catalog/view/javascript/jquery/js/lightbox.js"></script>
<link rel="stylesheet" href="catalog/view/javascript/jquery/css/lightbox.css" type="text/css" media="screen" />

НО в catalog\view\theme\default\template\product\header.tpl строчка :

<script type="text/javascript" src="catalog/view/javascript/jquery/jquery-1.3.2.min.js"></script>

(без неё не работает переключение меню : (описание)(фото)(отзывы)(рекомендуем))

конфликтует с этой :

<script type="text/javascript" src="catalog/view/javascript/jquery/js/prototype.js"></script>

(а без этой не работает lightbox)

т.е. что-то одно работать точно не будет.. =(

какая последняя стоит, то и работает =(

что делать, чтобы и меню и lightbox работали одновременно? https://opencartforum.com/public/style_emoticons/default/dry.gif :blink:

Может предложения есть у кого какие?

Змінено 26 березня 2011 користувачем aachernishev

[store888]

тоже очень нужен lightbox2...

помогите кто знает :)

[samsonio]

Друзья, подскажите как проблему решить! Поставил Cloud-zoom и теперь когда нажимаю ФОТО на странице- открывается одновременно и увеличенное изображение и так же остается открытым этот Cloud-zoom. Что делать что бы картинка не перекрывала скрипт?

[vlados]

Однозначно надо Product Cloud Zoom Extension (outer zoom)

У кого есть поделитесь плизз!

[Benjamin]

zoom эффект

https://opencartforum.com/files/file/276-zoom-%D1%8D%D1%84%D1%84%D0%B5%D0%BA%D1%82/

[thplstq]

выше я написал как такое сделать, просто у меня нужно было замещать (дописывать) самому а у тебя идет как модуль с простой заменой файлов. Вопрос стоит как сделать следующее: жму на любое из дополнительных изображений, оно пидгружаеться на место основного которое в свою очередь можно увеличить наведением курсора.

детальнее в прикрепленной картинке

Красной стрелкой показана картинка на которую я жму, синей стрелкой показано куда картинка пидгружаеться(то есть на место основной) .Именно это нужно сделать

Скажите пожалуйста, как решили проблему, если решили. Или подскажите пожалуйста ктото.

[cassandra]

http://www.opencart.com/index.php?route=extension/extension/info&extension_id=4455

[sdld]

Ребят, подскажите пожалуйста, как сделать, чтобы на странице каталога товара - при наведении на изображение оно увеличивалось... тамже внутри рамок изображения? может модуль какой есть или решение какое... прогугливаю уже 2 дня никак =\

[wonadoo]

подскажите кто знает не могу найти в форуме, может модуль есть или решение доработка, что бы на изображениях не появлялись белые края, в админке размер поменять главного изображения это понятно,  а нужно что бы при нажатии на изображение когда увеличивается, увеличивалось согласно пропорций изображения, так как реализовано в самом даже форуме. тоесть выводил  изображения в «пропорциях» не создавая белых краев. так как изображения могут быть разного размера и как вертикальные так и горизонтальны.

[wonadoo]

решение нашел https://opencartforum.com/topic/22827-razmer-vsplyvaiuschego-izobrazheniia/

[alex777msc]

http://www.opencart.com/index.php?route=extension/extension/info&extension_id=4455

Спасибо! Полезная вещь.