Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
  • Sign Up

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


Recommended Posts

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

Link to post
Share on other sites

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

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

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

Link to post
Share on other sites

сделал так:

загружаем отсюда 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
Link to post
Share on other sites

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

За выкладывание платных модулей в свободный доступ могут и по шапке надавать.
Link to post
Share on other sites

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

Версия ОС 1.4.9.3

Ня...

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

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

opencartmagnifier.zip

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

Link to post
Share on other sites

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

Версия ОС 1.4.9.3

Ня...

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

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

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

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

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

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

Link to post
Share on other sites

  • 2 months later...

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

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

Edited by aachernishev
  • +1 1
Link to post
Share on other sites

  • 2 weeks later...
  • 1 month later...

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

Link to post
Share on other sites

  • 2 months later...
  • 5 months later...
  • 1 year later...

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

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

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

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

Link to post
Share on other sites

  • 1 month later...
  • 1 month later...

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

Link to post
Share on other sites

  • 3 months later...

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

Link to post
Share on other sites

  • 1 year later...

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.