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

[How-To] Реальное разрешение фото Товара


Recommended Posts

Отображаем фотографии товара в оригинальном разрешении.
(маленькие изображения не будут растягиваться под указанные в настройках 500х500)

Откройте файл 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'],

Пример:

Фото товара ДО:

3291755.png

и ПОСЛЕ:

3015857.png

  • +1 2
Надіслати
Поділитися на інших сайтах

  • 9 months later...
  • 7 months later...

Подскажите, у меня большие картинки как сделать что бы изображения отображались на, к примеру, 15% меньше от оригинала ?

Поздновато, конечно, но т.к. тема хорошая то подыму её.

Если большие картинки, то рекомендую сменить дефолный на Colorbox на Lytebox.

Пример работы ресайза тут: http://id77.ru/index.php?route=product/product&path=236_180&product_id=442

 

Качаем Lytebox кидаем в корень магазина, потом в

catalog/view/theme/ваша_тема/template/common/header.tpl

подключаем между <head> и </head>

<script type="text/javascript" language="javascript" src="lytebox.js"></script>
<link rel="stylesheet" href="lytebox.css" type="text/css" media="screen" />

далее ищем в

catalog/view/theme/ваша_тема/template/product/product.tpl

class = 'cloud-zoom colorbox'

и меняем на

class="lytebox" data-lyte-options="group:vacation"

примерно так...

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


  • 4 months later...

Подскажите, у меня большие картинки как сделать что бы изображения отображались на, к примеру, 15% меньше от оригинала ?

в файле

/catalog/view/javascript/jquery/colorbox/jquery.colorbox.js

устанвливаем

maxWidth: "95%",

maxHeight: "95%",

 

там же можно и перевести надпись «image» в фото или картинка, prev, next

 

ЗЫ лучше поздно, чем никогда :)

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


  • 8 months later...

 

Поздновато, конечно, но т.к. тема хорошая то подыму её.

Если большие картинки, то рекомендую сменить дефолный на Colorbox на Lytebox.

Пример работы ресайза тут: http://id77.ru/index.php?route=product/product&path=236_180&product_id=442

 

Качаем Lytebox кидаем в корень магазина, потом в

catalog/view/theme/ваша_тема/template/common/header.tpl

подключаем между <head> и </head>

<script type="text/javascript" language="javascript" src="lytebox.js"></script>
<link rel="stylesheet" href="lytebox.css" type="text/css" media="screen" />

далее ищем в

catalog/view/theme/ваша_тема/template/product/product.tpl

class = 'cloud-zoom colorbox'

и меняем на

class="lytebox" data-lyte-options="group:vacation"

примерно так...

 

Почему то не могу найти class = 'cloud-zoom colorbox' не подскажите, в чем дело?

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


  • 9 months later...
  • 1 year later...

Для OcStore 2.3.0.2.3

 

В файле catalog/controller/product/product.php

 

Находим строку

$data['popup'] = $this->model_tool_image->resize($product_info['image'], $this->config->get($this->config->get('config_theme') . '_image_popup_width'), $this->config->get($this->config->get('config_theme') . '_image_popup_height'));

и меняем на

$data['popup'] = $this->data['popup'] = 'image/' . $product_info['image'];

В этом же файле ниже находим строку

'popup' => $this->model_tool_image->resize($result['image'], $this->config->get($this->config->get('config_theme') . '_image_popup_width'), $this->config->get($this->config->get('config_theme') . '_image_popup_height')),

и меняем на

'popup' => 'image/' . $result['image'],

Обновляем модификаторы шаблона при необходимости

 

Змінено користувачем vpvs
  • +1 1
Надіслати
Поділитися на інших сайтах


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

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

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

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

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

Вхід

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

Вхід зараз

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

Important Information

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