Установил тему для магазина а оказываться там стоит cloud-zoom.1.0.2.min.js тоесть при наведении мыши на изображении товара получаем zoom, подскажите как его убрать что бы было обычное попа окно с фотографией? Вот ссылка на сайт.
Найдите : <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>
Ну очевидно же, что в шаблоне страницы товара искать. С какой радости оно должно быть в js файлах, если это html? Вообще, должно быть достаточно просто убрать ссылку из шапки. Скрипт автоматически подключается на соответствующий класс без прямого вызова, так что удаление ссылки на скрипт отключит его при этом не вызвав проблем с вызовом несуществующей функции.
Я за комментировал ссылку на скрипт, но он отключился только для главной фотографии в товаре, а дополнительные стали появятся не поп-апом а открываться отдельно. Ссылка
Похоже, кто-то наговнокодил. Скрипт отвечал, видимо, не только за зум, но и за навешивания класса для колорбокса. Найдите в шаблоне страницы товара такой скрипт: Код: $(document).ready(function() { $('.colorbox').colorbox({ overlayClose: true, opacity: 0.5, rel: "colorbox" }); }); и замените селектор с .colorbox на .cloud-zoom-gallery (я про то, что здесь - $('.colorbox')).
colobox - это вызов pop-up большого изображения на странице. Удалить то, что я написал в коде выше и удалить из header.tpl плагин cloud-zoom И все
Ребята не обижайтесь но я реально в замешательстве что менять в файле 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 } ?>
<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>
Сделал написанное, но ничего не работает, теперь главная вообще не нажимается, а дополнительные в новой окне. Вот код что у меня получился: 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>