Настройка CloudZoom

Часто многие отказываются от использования этого модуля, так как он меняет два файла - продукт.тпл и продукт.пхп - многие кто редко сталкивается с программированием, боятся этих замен, ниже я приведу способ установки этого решения без замены самих файлов:


Качаете модуль - CloudZoom

Идем по порядку!
Идем по пути: catalog/view/theme/ВАША ТЕМА/template/product
Ищем файл: product.tpl

В нем ищем блок который начинается с <div class="left"><?php if ($thumb) { ?>
И меняем все что ниже на след код, меняем вплоть до <div class="right">

<div class="image"><a href="<?php echo $popup; ?>" title="<?php echo $heading_title; ?>" class = 'cloud-zoom' id='zoom1' rel="tint: '#fff',tintOpacity:0.6, showTitle: false, adjustX: 10, adjustY:-4"><img src="<?php echo $thumb; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" id="image" /></a></div>
<?php } ?>
<?php if ($images) { ?>
<div class="image-additional">
<?php foreach ($images as $image) { ?>
<a href="<?php echo $image['popup']; ?>" title="<?php echo $heading_title; ?>" class = 'cloud-zoom-gallery' rel="useZoom: 'zoom1', smallImage: '<?php echo $image['small']; ?>' "><img src="<?php echo $image['thumb']; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" /></a>
<?php } ?>
</div>
<?php } ?>
</div>
<?php } ?>
<div class="right">

Далее!
Идем по пути catalog/controller/product
Ищем файл product.php

В нем ищем блок который начинается с
if ($product_info['image']) {
$this->data['thumb'] = $this->model_tool_image->resize($product_info['image'], $this->config->get('config_image_thumb_width'), $this->config->get('config_image_thumb_height'));
} else {
$this->data['thumb'] = '';
}

И после него вставляем код указанный ниже:
///////////////////////////////////////////
if ($product_info['image']) {
$this->data['small'] = $this->model_tool_image->resize($product_info['image'], $this->config->get('config_image_additional_width'), $this->config->get('config_image_additional_height'));
} else {
$this->data['small'] = '';
}
///////////////////////////////////////////

Там же ищем:

$this->data['images'] = array();
$results = $this->model_catalog_product->getProductImages($this->request->get['product_id']);

И все до - if (($this->config->get('config_customer_price') ЗАМЕНЯЕМ на:

foreach ($results as $result) {
$this->data['images'][] = array(
'popup' => $this->model_tool_image->resize($result['image'], $this->config->get('config_image_popup_width'), $this->config->get('config_image_popup_height')),
'thumb' => $this->model_tool_image->resize($result['image'], $this->config->get('config_image_additional_width'), $this->config->get('config_image_additional_height')),
'small' => $this->model_tool_image->resize($result['image'], $this->config->get('config_image_thumb_width'), $this->config->get('config_image_thumb_height'))
);
}

Затем!

Идем по пути catalog/view/theme/ВАША ТЕМА/template/common

Ищем файл header.tpl

В нем ищем: </head>

И ПЕРЕД НИМ вставляем код указанный ниже:

<link rel="stylesheet" type="text/css" href="catalog/view/theme/ВАША ТЕМА/javascript/cloudzoom/cloud-zoom.css" />
<script type="text/javascript" src="catalog/view/theme/ВАША ТЕМА/javascript/cloudzoom/cloud-zoom.1.0.2.min.js"></script>

Из папки модуля catalog/view/

папку javascript - копируем в папку catalog/view/theme/ВАША ТЕМА/javascript своего магазина.


Очищаем кэш браузера, и перегружаем страницу - вуаля!


Запчасти на Chery всегда в наличии