Как сделать zoom изображения например в описании товара

[DYATEL]

Доброго дня форумчане. У меня версия 1.5.5.2 тема lexus_superstore

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

Мне захотелось реализовать такой zoom, но в описании товара. т.е. непосредственно когда переходишь в сам товар. Например там есть уменьшенная копия картинки, при нажатии на которую она увеличится. Пусть это будет какой-нибудь color или fancybox или что еще. Главное, чтобы красиво открывалось с затемнением.

Я выдрал код из шаблона и вставил html-код описания товара.<div style="text-align: left;">

					<p>
					<img alt="" src="/image/data/panels/panels_schema_tumb.jpg" style="width: 91px; height: 200px; float: left; margin: 2px 4px;" title="" /></p>
				<div>
					 </div>
				
					<div class="image">
																			
						<!-- zoom image-->
													<a href="/image/data/panels/panels_schema.jpg" class="btn btn-theme-default colorbox product-zoom cboxElement" title=""><i class="fa fa-search-plus"></i></a>
						

						</div></br>

И получилось. Появилась кнопка для увеличения. Но.....

Когда я например снова зайду в редактирование этого товара, там текст или что еще поменять. Сохраняюсь. Этот код исчезает. Я так понимаю, что к этому, еще нужно прописать какие-то функции и где-то подключить скрипты например в хедере. Я пытался, но у меня не получилось. А реализовывать задумку с помощью windows open как-то не так красиво.

Вот такая задача.

[DYATEL]

Люди нашел решение.

ссыль здесь: https://opencartforum.com/topic/17283-vyvod-fotografii-v-vide-slaidov-v-state/?do=findComment&comment=125145

 

Хотя я поиск до этого юзал