Увеличение фото

[streetglow]

День добрый. Не могу разобраться как стандартными средствами сделать увеличение фото при наведении на него курсора или клика. Редактирую страницу контакты, вставил через встроенный редактор изображение. Есть там опция ссылка-вроде все перепробывал, а открывает только в новом окне или полностью в текущем и надо возвращаться назад. Хотелось бы сделать увеличение на текущей странице и что бы по клику обратно. Немного путанно изложил))

[riny]

смотрите как это сделано на странице товара + надо подключить скрипты.

[streetglow]

Я только учусь и поэтому в голове каша)). Желательно бы поподробнее, если есть возможность. Пошагово

[riny]

https://opencartforum.com/topic/19645-resheno-dobavlenie-effekta-uvelicheniia-na-liubuiu/

[streetglow]

https://opencartforum.com/topic/19645-resheno-dobavlenie-effekta-uvelicheniia-na-liubuiu/

Спасибо огромное, пойду изучать

[streetglow]

С вашего позволения хочу спросить, где и что писать.Какие скрипты?

Вот ссылка на страницу, правое фото(из 3 изображений) надо чтобы увеличивалось http://xenonsp.ru/index.php?route=information/information&information_id=4

[riny]

в редакторе перекличаетесь на исходный код и пробуете вставить это

<link rel="stylesheet" type="text/css" href="catalog/view/javascript/jquery/colorbox/colorbox.css" media="screen" />
<script type="text/javascript" src="catalog/view/javascript/jquery/colorbox/jquery.colorbox-min.js"></script>



<a href="image/data/СборкаКонтактов.jpg" class="colorbox"><img src="image/data/СборкаКонтактов.jpg" style="width: 310px; height: 600px; float: right;"/></a>



<script type="text/javascript"><!--
$(document).ready(function() {
$('.colorbox').colorbox({
overlayClose: true,
opacity: 0.5,
rel: "colorbox"
});
});
//--></script>

[streetglow]

Вроде все вставил, заработало. Проблема в другом))- catalog\view\theme\default\template\information\contact.tpl----это другая страница(Связаться с нами). 

Я так понимаю, надо редактировать вот этуhttp://xenonsp.ru/index.php?route=information/information&information_id=4. . А это какой файл?

[riny]

Я так понимаю, надо редактировать вот этуhttp://xenonsp.ru/index.php?route=information/information&information_id=4. . А это какой файл?

 

 

 

в редакторе перекличаетесь на исходный код и пробуете вставить это 

 

[streetglow]

Спасибо за терпение

У меня Нотепад++.

 

в редакторе перекличаетесь на исходный код и пробуете вставить это 

 

это как)))???

 

Наверное более глупых вопросов не встречали))

 

Все, понял!!! Нашел где вставлять