Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

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


DYATEL

Recommended Posts

Доброго дня форумчане. У меня версия 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 как-то не так красиво.

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

Надіслати
Поділитися на інших сайтах


Створіть аккаунт або увійдіть для коментування

Ви повинні бути користувачем, щоб залишити коментар

Створити обліковий запис

Зареєструйтеся для отримання облікового запису. Це просто!

Зареєструвати аккаунт

Вхід

Уже зареєстровані? Увійдіть тут.

Вхід зараз
  • Зараз на сторінці   0 користувачів

    • Ні користувачів, які переглядиють цю сторінку

×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.