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

Помогите отредактировать colorbox!


Recommended Posts

Всем привет!

 

 

Редактирую уже давно работающий интернет магазин. Товаров много - соответственно много фото. 

Решил сделать динамическим окно просмотра изображений в карточке товара

Реализовал следующим способом - 

 

Для начала отрубаем размеры картинок и выводим их реальный размер

catalog\controller\product\product.php

находим
$this->data['popup'] = $this->model_tool_image->resize($product_info['image'], $this->config->get('config_image_popup_width'), $this->config->get('config_image_popup_height'));
заменяем на
$this->data['popup'] = 'image/' . $product_info['image'];
ниже находим
'popup' => $this->model_tool_image->resize($result['image'], $this->config->get('config_image_popup_width'), $this->config->get('config_image_popup_height')),
заменяем на
'popup' => 'image/' . $result['image'],
теперь добавим скрипт в шаблон

catalog\view\theme\ШАБЛОН\template\product\product.tpl

перед

добавляем

<script type="text/javascript"></script>
готово.

 

Но картинка большого размера закрывает весь экран. И проблемы бы не было, если бы больших картинок было бы не много, а их сотни!

Как сделать так, чтобы картинка, сохраняя пропорции, занимала.. ну например не более 70% от ширины экрана?

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


ну так вы сами вывели оригинальное изображения 

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

ну так вы сами вывели оригинальное изображения 

Не совсем понял. Я хотел сделать динамическим отображение картинок в колорбоксе, а как задать границы для изображения, что бы не расплывалось за пределы экрана? что изменить?

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


  • 2 weeks later...

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

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

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

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

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

Вхід

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

Вхід зараз

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

Important Information

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