Jump to content
Search In
  • More options...
Find results that contain...
Find results in...

[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
Link to comment
Share on other sites

  • 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
Link to comment
Share on other sites


  • 4 months later...

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

в файле

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

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

maxWidth: "95%",

maxHeight: "95%",

 

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

 

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

  • +1 1
Link to comment
Share on other sites


  • 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' не подскажите, в чем дело?

Link to comment
Share on other sites


  • 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'],

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

 

Edited by vpvs
  • +1 1
Link to comment
Share on other sites


Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.