Herkese merhaba arkadaşlar bu gün sizlere opencart 2.3.x versiyonları için geçerl sürümlerde kullandığımız modullerde gösterilen resimlerde tek resim yerine aynı ürün detaydaki gibi ek resimlerini de göstereceğiz. Ürün detaydan farklı olarak modullerde gösterilecek olan resimler swap ve carousel içersinde gösterimi sağlanılacaktır. Tüm responsive tema uyumlu opencart 2.3.x sürümlerde sorunsuz çalışmakta ve mobile teablet gibi cihazlarımızda profesyonel bir biçimde görüntülenmektedir. Kurmulumu oldukça basittir arkadaşlar şimdi kuruluma başlayalım.







Opencart 2.3.x Modullerde Ek Resim Gösterimi Kurulumu

Dosyamızı Açalım : catalog/controller/extension/module/

featured.php

Bulalım :

$data['products'][] = array(

Değiştirelim :

$resimler_data = $this->model_catalog_product->getProductImages($product_info['product_id']);
$images = array();
foreach ($resimler_data as $resim_data) {

$images[] = array(
'popup1' => $this->model_tool_image->resize($resim_data['image'], $this->config->get($this->config->get('config_theme') . '_image_popup_width'), $this->config->get($this->config->get('config_theme') . '_image_popup_height')),
'thumb1' => $this->model_tool_image->resize($resim_data['image'], $this->config->get($this->config->get('config_theme') . '_image_additional_width'), $this->config->get($this->config->get('config_theme') . '_image_additional_height'))
);
}
$this->document->addStyle('catalog/view/javascript/jquery/owl-carousel/owl.carousel.css');
$this->document->addScript('catalog/view/javascript/jquery/owl-carousel/owl.carousel.min.js');
$data['products'][] = array(
'images' => $images,

Dosyamızı Açalım : catalog/controller/extension/module/

latest.php, bestseller.php ve special.php

Bulalım :

$data['products'][] = array(

Değiştirelim :

$resimler_data = $this->model_catalog_product->getProductImages($result['product_id']);
$images = array();
foreach ($resimler_data as $resim_data) {

$images[] = array(
'popup1' => $this->model_tool_image->resize($resim_data['image'], $this->config->get($this->config->get('config_theme') . '_image_popup_width'), $this->config->get($this->config->get('config_theme') . '_image_popup_height')),
'thumb1' => $this->model_tool_image->resize($resim_data['image'], $this->config->get($this->config->get('config_theme') . '_image_additional_width'), $this->config->get($this->config->get('config_theme') . '_image_additional_height'))
);
}
$this->document->addStyle('catalog/view/javascript/jquery/owl-carousel/owl.carousel.css');
$this->document->addScript('catalog/view/javascript/jquery/owl-carousel/owl.carousel.min.js');
$data['products'][] = array(
'images' => $images,

Dosyamızı Açalım : catalog/view/theme/senin-teman/template/extension/module/

latest.tpl, bestseller.tpl, special.tpl, featured.tpl

Bulalım :

Değiştirelim :

<script></script>



[color=#000080]eka7a[/color] ustaya teşekkürler üstat'ında vermiş olduğu düzeltme geri bildirimleriyle tamamlamak üzere ürün resimlerini toplu olarak owl carousel içersinde göstermektedir.

Kaynak : e-ticaretdersleri