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

cloud-zoom, помогите разобраться с порядком открытия картинок

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

Здравствуйте.

Есть увеличение картинки с помощью cloud-zoom как здесь http://minimalism.oldaine.tk/index.php?route=product/product&product_id=78. При нажатии на лупу открывается всплывающее окно с 1ой картинкой с использованием colorbox. 

 

Как сделать чтобы при выборе например 4той фотографии в сплывающем окне отображало именно ее, а не бросала обратно на первую, главную картинку?

 

То есть порядок открытия в colorbox шел не с 1 фотограйфии, а с той с которой выбирает пользователь и нажимает потом на картинку лупы.

 

Вот код где прописаны вызовы   cloud-zoom и colorbox.

<?php if ($thumb || $images) { ?>
    <div class="left">
     <div class="imageopen">
		<!-- SALE -->
	<?php if (!$special) { ?>
	<?php } else { ?>
	<a class="sale_producttpl"></a>
	<?php } ?>
		<!- SALE -->
         <a style="color: #f00;" href="<?php echo $popup; ?>" title="<?php echo $heading_title; ?>" class="colorbox" rel="colorbox"><img src="catalog/view/theme/default/image/zoom.png"></a></div>

      <?php if ($thumb) { ?>
      <div class="image"><a href="<?php echo $popup; ?>" title="<?php echo $heading_title; ?>" class="cloud-zoom" id='zoom1' rel="adjustX: 8, adjustY:0, tint:'#000000',tintOpacity:0.5, zoomWidth:405, zoomHeight: 388">
       <img src="<?php echo $thumb; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" id="image" /></a></div>
      
<?php } ?>
<div class="product_raiting"><img src="catalog/view/theme/default/image/stars-<?php echo $rating; ?>.png" alt="<?php echo $reviews; ?>" /></div>
      
      <?php if ($images) { ?>
      <div class="image-additional">
       <a href="<?php echo $popup; ?>" title="<?php echo $heading_title; ?>" class="cloud-zoom-gallery" rel="useZoom: 'zoom1', smallImage: '<?php echo $thumb; ?>' "><img src="<?php echo $thumb; ?>" width="66" height="65" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" id="image" /></a>

        <?php foreach ($images as $image) { ?>
        <a href="<?php echo $image['popup']; ?>" title="<?php echo $heading_title; ?>" class="cloud-zoom-gallery" rel="useZoom: 'zoom1', smallImage: '<?php echo $image['thumb']; ?>' "><img src="<?php echo $image['thumb']; ?>" width="66" height="65" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" /></a>
	
<a style="display: none;" href="<?php echo $image['popup']; ?>" title="<?php echo $heading_title; ?>" class="colorbox" rel="colorbox"><img src="<?php echo $image['thumb']; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" /></a>
        <?php } ?>
      </div>
      <?php } ?>
    </div>
    <?php } ?>

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


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

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

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

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

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

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

Войти

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

Войти

  • Похожий контент

    • От sv2109
      300.00 руб
      Скачать/Купить дополнение


      Просмотр картинок товара, быстрый просмотр товаров
      Модуль добавляет возможность на странице категории просматривать все картинки товаров.
      По клике на картинку товара на странице категории открывается окно со всеми картинками товара.
      Модуль умеет работать в 2-х режимах:
      1. В окне просмотра картинок показываются только картинки с возможностью перелистывания (Демо)
      2. В окне просмотра открывается карточка товара с картинками в виде слайдера и зумом, а так же кнопкой купить, опциями итд.
      (Демо)
      vqmod не используется
      Установка
      1. Скопировать все с папки "upload" в корневую папку вашего магазина. Файлы ядра не будут перезаписаны.
      2. Установить модуль в панели управления
      3. При необходимости поменяйте настройки
      Версии движка, на которых тестировался модуль:
      - ocStore v1.5.5.1
      но должен работать на всех 1.5.х версиях
      Версия 1.1
      - изменен код
      - модуль теперь работает не только на странице категорий но у на других страницах
      - добавлена поддержка сео ссылок
      - добавлена поддержка модуля filter pro
      - в режиме показа только картинок размеры окна задаются в админке


      Версия модуля, которая работает на странице товара: Просмотр картинок товара
      Добавил sv2109 Добавлено 26.03.2014 Категория Модули Системные требования Сайт разработчика sv2109.com Старая цена Метод активации Ioncube Loader OpenCart ocStore OpenCart.Pro, ocShop  
    • От sv2109
      Модуль добавляет возможность на странице категории просматривать все картинки товаров.
      По клике на картинку товара на странице категории открывается окно со всеми картинками товара.
      Модуль умеет работать в 2-х режимах:
      1. В окне просмотра картинок показываются только картинки с возможностью перелистывания (Демо)
      2. В окне просмотра открывается карточка товара с картинками в виде слайдера и зумом, а так же кнопкой купить, опциями итд.
      (Демо)
      vqmod не используется
      Установка
      1. Скопировать все с папки "upload" в корневую папку вашего магазина. Файлы ядра не будут перезаписаны.
      2. Установить модуль в панели управления
      3. При необходимости поменяйте настройки
      Версии движка, на которых тестировался модуль:
      - ocStore v1.5.5.1
      но должен работать на всех 1.5.х версиях
      Версия 1.1
      - изменен код
      - модуль теперь работает не только на странице категорий но у на других страницах
      - добавлена поддержка сео ссылок
      - добавлена поддержка модуля filter pro
      - в режиме показа только картинок размеры окна задаются в админке


      Версия модуля, которая работает на странице товара: Просмотр картинок товара
    • От michnoff
      Приветствую! Имеется магазин сантехники на ocstore 1.5.5.1.2. не могу справиться с всплывающим изображением colorbox( например при увеличении изображения в карточке товара). Если сайт отображается в полном размере(мобильной верстки нет), то всплывающее изображение отображается слева и не в полный размер - вот так http://pixs.ru/showimage/Bezimyanni_6691044_22501114.png , а нужно, что бы изображение открывалось по ширине дисплея во весь размер вот так http://pixs.ru/showimage/Bezimyanni_5886507_22501123.png. Это можно как то поправить? Если нужна ссылка на магазин http://shop-grohe.by/
    • От sonson
      Почему он это мне пишет ?
      что случилось и как исправить?
      jquery.colorbox-min.js:4 Uncaught TypeError: Cannot read property 'rel' of undefined
      просто в один прекрасный момент взял и перестал работать colorbox :(
    • От Bloomberg
      Доброго времени суток! Помогите, пожалуйста, разобраться. Хочу сделать в карточке товара (OcStore 1.5.5.1.2 PavTheme StyleShop) всплывающие окна при нажатии на ссылку. В всплывающем окне будет текст например о доставке или оплате или картинка. Как это правильно реализовать?
      Большое спасибо!
  • Последние посетители   0 пользователей онлайн

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

×

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

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