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

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


gps4you
 Поделиться

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

Всем привет.

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

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

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

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


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

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

Если нет желания вникать: 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

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


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

Ребята, спасайте =) :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
Ссылка на комментарий
Поделиться на других сайтах


  • 2 недели спустя...
  • 1 месяц спустя...

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

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


  • 2 месяца спустя...
  • 5 месяцев спустя...
  • 1 год спустя...

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

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

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

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

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


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

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

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


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

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

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


  • 1 год спустя...

Создайте аккаунт или войдите в него для комментирования

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

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.

Войти сейчас
 Поделиться

  • Сейчас на странице   0 пользователей

    • Нет пользователей, просматривающих эту страницу.
×
×
  • Создать...

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

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