Standart Modul Ürün Resimlerinde Owl Carousel

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

Arge ruhu durdurmamış üstadı kafasına aktığını çözmüş :)
Başarılı bir eklenti inşallah 2.3 sürümü destekler

Ekorez

bütün sürümler için gelecek.

Ekorez

Makale Eklenmiştir. Belirttiğim gibi bütün sürümler için gelecektir 1.4.x te dahil.

Kiroglumarket en kısa zamanda test edip sonucu yazarım Eline sağlık