tr-opencart

     
avatar Şuanki Zaman: 12-25-2024, 12:21 AMHoşgeldin Misafir !
  Şifremi Hatırlat   kayıt ol
opencart temaları

Modifikasyon Opencart 2.3.x Modullerde Ek Resim Gösterimi

Konuyu görüntüleyenler: 1 Misafir
 
Değerlendir:
  • 0 Oy - 0 Yüzde
  • 1
  • 2
  • 3
  • 4
  • 5
%
Cevapla  Gönder 
v  v
Yazar  e-ticaretdersleri - Görüntüleme - Okunma  2096 - Yorum  0

e-ticaretdersleriv
Osmanlı Torunu
******
Süper Moderator user avatar
Çevrimdışı

Mesajlar: 3,225
Konular: 520
Katılma Tarihi: Jan 2012
Rep Puanı: 102
Teşekkürler: 1169
1060 Mesajına, 2133 Teşekkür edildi.



Kişisel Bilgileri: v
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.


Resim görüntüleyici
e-ticaretdersleri
Alıntı Yaparak Cevapla
Paylaş!

« Önceki | Sonraki »
Cevapla  Gönder 

Opencart 2.3.x Modullerde Ek Resim Gösterimi Konusunun Linki Direk Link
Opencart 2.3.x Modullerde Ek Resim Gösterimi Konusunun HTML Kodu HTML Link
Opencart 2.3.x Modullerde Ek Resim Gösterimi Konusu BBCode Linki BBCode Link
Opencart 2.3.x Modullerde Ek Resim Gösterimi Konusunu Paylaş Sosyal Paylaş

Benzeyen Konular
Konu: Yazar Cevaplar: Gösterim: Son Mesaj
  [Modifikasyon] Opencart Tüm Versiyonlarda Ürün Detay Sayfasına Ürün teslim tarihi eklemek osdem66 57 30,034 Dün 09:02 PM
Son Mesaj: osman
  Opencart 2.3.0.2 arama sorunu hrn.coskun 0 731 09-01-2023 04:38 PM
Son Mesaj: hrn.coskun
  opencart journal ürün detay sayfasındaki sosyal simgeler mehmetvearzu 1 561 11-02-2021 12:40 AM
Son Mesaj: hirdavatustasi
  Opencart da kampanya 0 tl yapamıyorum divaneren 0 1,645 10-20-2020 03:43 PM
Son Mesaj: divaneren
  Opencart 2.x.x.x mail sorunu emir28 1 2,034 05-26-2020 01:44 PM
Son Mesaj: spyll
  Opencart 2.0.x de sipaiş tamamlandı sayfasında bilgiler tarturek2 1 1,983 05-04-2020 04:32 AM
Son Mesaj: teknohiz
  Opencart 2.x Hesabım Linklerini Seolu Hale Getirme cahveci 7 6,542 04-15-2020 01:10 AM
Son Mesaj: digimy
  OpenCart 2.x seo url kozm 4 3,965 02-17-2020 08:23 PM
Son Mesaj: aufuk1
  Opencart Birfatura Sistemine Vergi No Vergi Dairesi ve Tc no bilgilerini aktarma firathuy 0 1,149 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,106 01-11-2020 11:08 PM
Son Mesaj: teknohiz

Opencart 2.3.x Modullerde Ek Resim Gösterimi indir, Opencart 2.3.x Modullerde Ek Resim Gösterimi Videosu, Opencart 2.3.x Modullerde Ek Resim Gösterimi online izle, Opencart 2.3.x Modullerde Ek Resim Gösterimi Bedava indir, Opencart 2.3.x Modullerde Ek Resim Gösterimi Yükle, Opencart 2.3.x Modullerde Ek Resim Gösterimi Hakkında, Opencart 2.3.x Modullerde Ek Resim Gösterimi nedir, Opencart 2.3.x Modullerde Ek Resim Gösterimi Free indir, Opencart 2.3.x Modullerde Ek Resim Gösterimi oyunu, Opencart 2.3.x Modullerde Ek Resim Gösterimi download


Forum Atla:


Yükleniyor...