[Помогите] Отключить zoom изображений

Тема в разделе "OpenCart", создана пользователем Pant, 6 сен 2015.

  1. Pant

    Pant

    Регистрация:
    6 фев 2013
    Сообщения:
    121
    Симпатии:
    11
    Установил тему для магазина а оказываться там стоит cloud-zoom.1.0.2.min.js тоесть при наведении мыши на изображении товара получаем zoom, подскажите как его убрать что бы было обычное попа окно с фотографией?
    Вот ссылка на сайт.
     
    Последнее редактирование: 6 сен 2015
  2. alex_storm

    alex_storm дизайн, CSS Команда форума

    Регистрация:
    11 дек 2012
    Сообщения:
    1.121
    Симпатии:
    560
    Найдите :
    <a id="zoom1" class="cloud-zoom colorbox cboxElement" rel="position: 'inside' , showTitle: false, adjustX:0, adjustY:0" title="iPhone" href="http://ochome.ru/image/cache/data/demo/iphone_1-500x500.jpg" style="position: relative; display: block;">
    <div id="plus"></div>
    <img id="image" alt="iPhone" title="iPhone" src="http://ochome.ru/image/cache/data/demo/iphone_1-400x400.jpg" style="display: block;">
    </a>
    <div class="mousetrap" style="background-image:url(".");z-index:999;position:absolute;width:400px;height:400px;left:0px;top:0px;"></div>

    Замените на:
    <a class=" colorbox cboxElement" rel="position: 'inside' , showTitle: false, adjustX:0, adjustY:0" title="iPhone" style="position: relative; display: block;">
    <div id="plus"></div>
    <img id="image" alt="iPhone" title="iPhone" src="http://ochome.ru/image/cache/data/demo/iphone_1-400x400.jpg" style="display: block;">
    </a>
     
  3. Pant

    Pant

    Регистрация:
    6 фев 2013
    Сообщения:
    121
    Симпатии:
    11
    А подскажите где искать? в JS файлах нет?
     
  4. Dotrox

    Dotrox Команда форума

    Регистрация:
    27 ноя 2012
    Сообщения:
    2.050
    Симпатии:
    778
    Ну очевидно же, что в шаблоне страницы товара искать. С какой радости оно должно быть в js файлах, если это html?

    Вообще, должно быть достаточно просто убрать ссылку из шапки. Скрипт автоматически подключается на соответствующий класс без прямого вызова, так что удаление ссылки на скрипт отключит его при этом не вызвав проблем с вызовом несуществующей функции.
     
    Pant нравится это.
  5. Pant

    Pant

    Регистрация:
    6 фев 2013
    Сообщения:
    121
    Симпатии:
    11
    Я за комментировал ссылку на скрипт, но он отключился только для главной фотографии в товаре, а дополнительные стали появятся не поп-апом а открываться отдельно. Ссылка
     
  6. Dotrox

    Dotrox Команда форума

    Регистрация:
    27 ноя 2012
    Сообщения:
    2.050
    Симпатии:
    778
    Похоже, кто-то наговнокодил. Скрипт отвечал, видимо, не только за зум, но и за навешивания класса для колорбокса.

    Найдите в шаблоне страницы товара такой скрипт:

    Код:
    $(document).ready(function() {
        $('.colorbox').colorbox({
            overlayClose: true,
            opacity: 0.5,
            rel: "colorbox"
        });
    });
    
    и замените селектор с .colorbox на .cloud-zoom-gallery (я про то, что здесь - $('.colorbox')).
     
    Pant нравится это.
  7. Pant

    Pant

    Регистрация:
    6 фев 2013
    Сообщения:
    121
    Симпатии:
    11
    Выполнил, но теперь дополнительные открываются как надо а главная в отдельном окне.
     
  8. alex_storm

    alex_storm дизайн, CSS Команда форума

    Регистрация:
    11 дек 2012
    Сообщения:
    1.121
    Симпатии:
    560
    colobox - это вызов pop-up большого изображения на странице.
    Удалить то, что я написал в коде выше и удалить из header.tpl плагин cloud-zoom

    И все
     
    Pant нравится это.
  9. Pant

    Pant

    Регистрация:
    6 фев 2013
    Сообщения:
    121
    Симпатии:
    11
    Ребята не обижайтесь но я реально в замешательстве что менять в файле product.tpl, подскажите. Вот кусок кода, где я подозреваю надо сделать изменения.
    PHP:
        <?php if ($thumb || $images) { ?>
          <?php if ($thumb) { ?>
          <div class="image">
        
          <a href="<?php echo $popup?>" title="<?php echo $heading_title?>"  class = 'cloud-zoom colorbox' id='zoom1'
                rel="position: 'inside' , showTitle: false, adjustX:0, adjustY:0">
           <div id="plus"></div>   
                <img src="<?php echo $thumb?>" title="<?php echo $heading_title?>" alt="<?php echo $heading_title?>" id="image" /></a></div>
          <?php ?>
        
          <?php if ($images) { ?>
               <div class="image-additional">
               <div class="image-scroll">
            <a class="arr2buttons next" href="#">right</a>
            <a class="arr2buttons prev" href="#">left</a>
                 <div  class="viewport">
                 <div class="overview">
             
            <?php foreach ($images as $image) { ?>
            <div class="item">
            <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']; ?>" title="<?php echo $heading_title?>" alt="<?php echo $heading_title?>" width="80px" height="80px;" /></a>
            </div>
            <?php ?>
          </div>
          </div>
          </div></div>
          <?php ?>
     
  10. alex_storm

    alex_storm дизайн, CSS Команда форума

    Регистрация:
    11 дек 2012
    Сообщения:
    1.121
    Симпатии:
    560
    <a href="<?php echo $popup; ?>" title="<?php echo $heading_title; ?>" class = 'cloud-zoom colorbox' id='zoom1'
    rel="position: 'inside' , showTitle: false, adjustX:0, adjustY:0">
    на
    <a title="<?php echo $heading_title; ?>" class = 'colorbox' >

    и это
    <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']; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" width="80px" height="80px;" /></a>

    на
    <a href="<?php echo $image['popup']; ?>" title="<?php echo $heading_title; ?>" ><img src="<?php echo $image['thumb']; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" width="80px" height="80px;" /></a>
     
    Pant нравится это.
  11. Pant

    Pant

    Регистрация:
    6 фев 2013
    Сообщения:
    121
    Симпатии:
    11
    Сделал написанное, но ничего не работает, теперь главная вообще не нажимается, а дополнительные в новой окне.
    Вот код что у меня получился:
    PHP:
     <div class="left">
       
        <?php if ($thumb || $images) { ?>
          <?php if ($thumb) { ?>
          <div class="image">
         
         <a title="<?php echo $heading_title?>" class = 'colorbox'>
            <div id="plus"></div>    
                <img src="<?php echo $thumb?>" title="<?php echo $heading_title?>" alt="<?php echo $heading_title?>" id="image" /></a></div>
          <?php ?>
         
          <?php if ($images) { ?>
               <div class="image-additional">
               <div class="image-scroll">
            <a class="arr2buttons next" href="#">right</a>
            <a class="arr2buttons prev" href="#">left</a>
                 <div  class="viewport">
                 <div class="overview">
              
            <?php foreach ($images as $image) { ?>
            <div class="item">
            <a href="<?php echo $image['popup']; ?>" title="<?php echo $heading_title?>" ><img src="<?php echo $image['thumb']; ?>" title="<?php echo $heading_title?>" alt="<?php echo $heading_title?>" width="80px" height="80px;" /></a>
            </div>
            <?php ?>
          </div>
          </div>
          </div></div>