Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

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


Recommended Posts

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

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

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

Ня...

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

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

opencartmagnifier.zip

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

Надіслати
Поділитися на інших сайтах


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

Версия ОС 1.4.9.3

Ня...

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

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

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

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

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

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

Надіслати
Поділитися на інших сайтах


  • 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:

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

Змінено користувачем aachernishev
  • +1 1
Надіслати
Поділитися на інших сайтах


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

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

Надіслати
Поділитися на інших сайтах


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

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

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

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

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

Надіслати
Поділитися на інших сайтах


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

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

Надіслати
Поділитися на інших сайтах


  • 3 months later...

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

Надіслати
Поділитися на інших сайтах


  • 1 year later...

Створіть аккаунт або увійдіть для коментування

Ви повинні бути користувачем, щоб залишити коментар

Створити обліковий запис

Зареєструйтеся для отримання облікового запису. Це просто!

Зареєструвати аккаунт

Вхід

Уже зареєстровані? Увійдіть тут.

Вхід зараз
  • Зараз на сторінці   0 користувачів

    • Ні користувачів, які переглядиють цю сторінку
×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.