Opencart Türkiye Destek Sitesi ,E-Ticaret Yazılımı Destek Paylaşım Forumu

e-ticaretdersleri Tüm Mesajlarını Bul · Konu Tarihi: **03-17-2017 07:02 AM**

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 :

PHP Kod:

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

Değiştirelim :

PHP Kod:

$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 :

PHP Kod:

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

Değiştirelim :

PHP Kod:

$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 :

PHP Kod:

<div class="image"><a href="<?php echo $product['href']; ?>"><img src="<?php echo $product['thumb']; ?>" alt="<?php echo $product['name']; ?>" title="<?php echo $product['name']; ?>" class="img-responsive" /></a></div> 

Değiştirelim :

PHP Kod:

<div id="latest<?php echo $product['product_id']; ?>" class="owl-carousel">
 <?php foreach ($product['images'] as $images) { ?>
  <div class="item text-center">
   <?php if ($product['images']) { ?>
    <a href="<?php echo $product['href']; ?>"><img src="<?php echo $images['popup1']; ?>" alt="<?php echo $product['name']; ?>" title="<?php echo $product['name']; ?>"  class="img-responsive" /></a>
    <?php } else { ?>
    <img src="<?php echo $product['popup1']; ?>" alt="<?php echo $product['name']; ?>" class="img-responsive" />
    <?php } ?>
  </div>
  <?php } ?>
</div>
<script type="text/javascript"><!--
$('#latest<?php echo $product['product_id']; ?>').owlCarousel({
    items: 1,
    autoPlay: 3000,
    navigation: true,
    navigationText: ['<i class="fa fa-chevron-left fa-5x"></i>', '<i class="fa fa-chevron-right fa-5x"></i>'],
    pagination: true
});
--></script> 

eka7a 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.

https://www.e-ticaretdersleri.com/gg/server/php/files/Ads%C4%B1z.png


Direk Link
HTML Link
BBCode Link
Sosyal Paylaş	Sabah net google facebook digg twiter yahoo mixx stumbleupon delicious reddit myspace friendfeed google buzz linkedin

Benzeyen Konular
Konu:		Yazar	Cevaplar:	Gösterim:	Son Mesaj
	Opencart 2.3.0.2 arama sorunu	hrn.coskun	0	709	09-01-2023 04:38 PM Son Mesaj: hrn.coskun
	[Modifikasyon] Opencart Tüm Versiyonlarda Ürün Detay Sayfasına Ürün teslim tarihi eklemek	osdem66	56	29,840	11-22-2022 12:14 AM Son Mesaj: mustafasinger
	opencart journal ürün detay sayfasındaki sosyal simgeler	mehmetvearzu	1	552	11-02-2021 12:40 AM Son Mesaj: hirdavatustasi
	Opencart da kampanya 0 tl yapamıyorum	divaneren	0	1,638	10-20-2020 03:43 PM Son Mesaj: divaneren
	Opencart 2.x.x.x mail sorunu	emir28	1	2,024	05-26-2020 01:44 PM Son Mesaj: spyll
	Opencart 2.0.x de sipaiş tamamlandı sayfasında bilgiler	tarturek2	1	1,972	05-04-2020 04:32 AM Son Mesaj: teknohiz
	Opencart 2.x Hesabım Linklerini Seolu Hale Getirme	cahveci	7	6,515	04-15-2020 01:10 AM Son Mesaj: digimy
	OpenCart 2.x seo url	kozm	4	3,955	02-17-2020 08:23 PM Son Mesaj: aufuk1
	Opencart Birfatura Sistemine Vergi No Vergi Dairesi ve Tc no bilgilerini aktarma	firathuy	0	1,137	01-30-2020 10:48 PM Son Mesaj: firathuy
	Opencart 3.0.3.2 de Butonları ve Adet Kısmını Ürüne Göre Açıp Kapatabilirmiyiz ?	mmmfalcom	1	1,099	01-11-2020 11:08 PM Son Mesaj: teknohiz

	Şuanki Zaman: 11-16-2024, 08:45 AMHoşgeldin Misafir !
	Beni Hatırla Şifremi Hatırlat

« Önceki \| Sonraki »

Opencart Türkiye Destek Sitesi ,E-Ticaret Yazılımı Destek Paylaşım Forumu

Modifikasyon Opencart 2.3.x Modullerde Ek Resim Gösterimi