Нужна установка зума на Opencart

[FreeLoader]

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

Ситуация следующая:

1. Есть движок opencart 2.2.0.0
2. Есть различные шаблоны к нему - в данный момент установлена тема pav vigoss
3. Стоит задача поставить достаточно известный скрипт зума - sergeland image zoomer, сайт автора - http://zoomsl.sergeland.ru/
4. Но нужно не только поставить скрипт на сайт, но и показать, например, в режиме демонстрации экрана, как это делается.

Если возникнет вопрос, почему нужно показать работу, а не просто её выполнить - отвечаю.

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

Если есть люди кто готов - пишите в теме предложения и способ связи, всю остальную информацию обсудим уже с тем, кто согласится помочь (не бесплатно, конечно)

Змінено 7 лютого 2017 користувачем FreeLoader

[cloudrc]

Скачиваете файл zoomsl-3.0.min.js с сайта, кидаете его в папку jquery (catalog/view/javascript/jquery).

В header.tpl подключаете скрипт:

<script src="catalog/view/javascript/jquery/zoomsl-3.0.min.js" type="text/javascript"></script>

В product.tpl находим первый:

<li><a class="thumbnail" href="<?php echo $popup; ?>" title="<?php echo $heading_title; ?>"><img class="my-foto" src="<?php echo $thumb; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" /></a></li>

Меняем на:

<li><a class="thumbnail" href="<?php echo $popup; ?>" title="<?php echo $heading_title; ?>"><img class="my-foto" src="<?php echo $thumb; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" /></a></li>
<script>
jQuery(function(){
$(".my-foto").imagezoomsl();
});   
</script>

Все. Можете поиграться с настройками

Пс. Это пример для Default шаблона

Темы Pav у меня нет, но принцип тот же, ищите первый:

<img src="<?php echo $thumb; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" />

И добавьте к img:

class="my-foto"

 

[cloudrc]

Нашел эту тему, там ведь уже предустановлен zoom, чем не устраивает?)

 

[FreeLoader]

Сloudrc, вот спасибо за быстрый ответ, я второй день бьюсь, ищу файлы и строки firebug-om,  sublime text-ом, моск кипит где что менять...

Сейчас попробую, посмотрю, как сработает.
И если честно я немного в растеряности, писал о помощи в платном разделе и как теперь быть?))

По установленному зуму в pav - меня человек попросил эту тему ему поставить, но зум нужен именно вот этот))

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

Вот пока понравилось, как панель разработчика в хроме работает, да sumblime text помогает на локальном компе искать нужные строки и файлы.

Змінено 7 лютого 2017 користувачем FreeLoader

[cloudrc]

Скачал шаблон, открыл файлы, мозг сломал

Для этой темы изображения выводятся, кажется, через default.tpl   (catalog/view/theme/pav_vigoss/template/product/preview/default.tpl)

Кусок кода, где уже подключается zoom.

        <a href="<?php echo $popup; ?>" title="<?php echo $heading_title; ?>" class="imagezoom">
            <img src="<?php echo $thumb; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" id="image"  data-zoom-image="<?php echo $popup; ?>" class="product-image-zoom img-responsive"/>
        </a>

 

[FreeLoader]

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

1. Если смотрим код страницы, то он не всегда похож на тот код, что в исходном файле на сервере, т.к. всё динамически генерится скриптами из разных файлов.

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

3. Ну и сам кусок кода, который нужно менять, как я понял, не всегда интуитивно понятен, что он делает и что нужно редактировать.

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

[vise]

39 минут назад, FreeLoader сказал:

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

1. Если смотрим код страницы, то он не всегда похож на тот код, что в исходном файле на сервере, т.к. всё динамически генерится скриптами из разных файлов.

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

3. Ну и сам кусок кода, который нужно менять, как я понял, не всегда интуитивно понятен, что он делает и что нужно редактировать.

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

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

Если не понимаешь как работает движок, но взял заказ, найми разработчика, пусть сделает за тебя.

[FreeLoader]

vise, спасибо за подсказки - тут скорее сопутствующий заказ получился - делал одно, в чём разбираюсь, спросили про другое, в частности про опенкарт и так как данная тематика мне интересна, взялся осуществить, споткнулся именно на том, в чём слаб больше всего - в программировании.

Отладчик - это инструменты разработчика, которые при нажатии на F12 вызываются?

И если не сложно, то можно подробнее, какие именно действия нужно сделать, чтобы:

1. Написать любой текст - пишу в самом отладчике или просто открыв код страницы?
2. Сохранить - опять же, откуда сохранять непонятно.
3. Поискать в исходном коде браузера - тут тоже алгоритм непонятен - получается, добавление текста и поиск его в браузере - всё происходит онлайн или что то на локальный комп нужно сохранять?

Извиняюсь за нубские вопросы, я рано или поздно во всём сам разбираюсь, просто с програмированием и кодом сложнее всего разобраться получается.