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

tim21701 · April 16, 2013

Отображаем фотографии товара в оригинальном разрешении.
(маленькие изображения не будут растягиваться под указанные в настройках 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'],

Пример:

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

и ПОСЛЕ:

TeslaCo · February 5, 2014

Долго искал, очень выручили. Спасибо огромное!

TeslaCo · February 11, 2014

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

o9uH · September 25, 2014

Подскажите, у меня большие картинки как сделать что бы изображения отображались на, к примеру, 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"

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

o9uH · February 25, 2015

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

в файле

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

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

maxWidth: "95%",

maxHeight: "95%",

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

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

Josper2 · November 10, 2015

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

Если большие картинки, то рекомендую сменить дефолный на 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' не подскажите, в чем дело?

chelnyshop · August 29, 2016

Подскажите пожалуйста решения для Ocstore 2.1

vpvs · January 7, 2018

Для 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 January 7, 2018 by vpvs

Sign In

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

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Create an account or sign in to comment

Create an account

Sign in

Similar Content

Recently Browsing 0 members

Покупателям

Разработчикам

Полезная информация

Последние дополнения

Important Information