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

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

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

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

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


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

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

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

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

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


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

сделал так:

загружаем отсюда 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

  • +1 1

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


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

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

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

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


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

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

Версия ОС 1.4.9.3

Ня...

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

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

opencartmagnifier.zip

post-4567-0-81618100-1295520821_thumb.jpg

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


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

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

Версия ОС 1.4.9.3

Ня...

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

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

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

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

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

post-4020-0-98500500-1295562459_thumb.png

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


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

Ребята, спасайте =) :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:

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

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

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


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

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

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


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

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

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

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

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

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


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

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

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


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

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

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


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

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

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

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

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

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

Войти

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

Войти

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

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

×

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

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