tr-opencart

     
avatar Şuanki Zaman: 05-24-2018, 07:05 AMHoşgeldin Misafir !
  Şifremi Hatırlat   kayıt ol
opencart temaları

Opencart 2.x Modullerde Roll Over Modifikasyon Dersimiz

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  Kıroğlumarket - Görüntüleme - Okunma  701 - Yorum  0

Kıroğlumarketv
Osmanlı Torunu
******
Süper Moderator user avatar
Çevrimdışı

Mesajlar: 3,136
Konular: 502
Katılma Tarihi: Jan 2012
Rep Puanı: 97
Teşekkürler: 1141
1018 Mesajına, 2064 Teşekkür edildi.



Kişisel Bilgileri: v
Konu Tarihi: 08-21-2016 09:16 PM

Herkese merhaba bugün sizlere js kullanmadan modullerdeki ürün resimlerine rollover modifikasyonunu anlatacağım. Bu modifikasyonun amacı ürün resmi üzerine mouse ile gelindiğinde o resme ait veritabanındaki kayıtlı i>ikinci resim gösterilmesini sağlamaktır. Misal müşteri bir giyim sitesine geldi kazak resmin üzerine mouse ile geldiğin o resme ait kazağın farklı açıdan çekilmiş resmini göstere bilirsiniz. Dersimize başlıyoruz.

Dosyazmızı açalım
: catalog/controller/module
featured.php

bulalım :


Alıntı:if (($this->config->get('config_customer_price') && $this->customer->isLogged()) || !$this->config->get('config_customer_price')) {

Bir üstsatırına ekleyelim :

Alıntı:$images = $this->model_catalog_product->getProductImages($product_info['product_id']);

if(isset($images[0]['image']) && !empty($images[0]['image'])){
$images =$images[0]['image'];
}

Aynı Dosyada Bulalım :

Alıntı:'thumb' => $image,

Bi alt satırına Ekleyelim :
Alıntı:'thumb_swap' => $this->model_tool_image->resize($images, $this->config->get('config_image_product_width'), $this->config->get('config_image_product_height')),

Dosyamızı açalım : catalog/view/theme/seninteman/template/module/

featured.tpl

Bulalım :


Alıntı: <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 :

Alıntı:<?php if ($product['thumb_swap']) { ?>
<div class="image"><a href="<?php echo $product['href']; ?>"><img onmouseout="this.src='<?php echo $product['thumb']; ?>'" onmousemove="this.src='<?php echo $product['thumb_swap']; ?>'" src="<?php echo $product['thumb']; ?>" alt="<?php echo $product['name']; ?>" title="<?php echo $product['name']; ?>" class="img-responsive" /></a></div>
<?php } else {?>
<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>
<?php } ?>


İşlemimiz Bu kadardır.


<

Kaynak : e-ticaretdersleri
Kıroğlumarket
Alıntı Yaparak Cevapla
Paylaş!
 Teşekkür Edenler: djsroe , kozmm

« Önceki | Sonraki »
Cevapla  Gönder 

Opencart 2.x Modullerde Roll Over Modifikasyon Dersimiz Konusunun Linki Direk Link
Opencart 2.x Modullerde Roll Over Modifikasyon Dersimiz Konusunun HTML Kodu HTML Link
Opencart 2.x Modullerde Roll Over Modifikasyon Dersimiz Konusu BBCode Linki BBCode Link
Opencart 2.x Modullerde Roll Over Modifikasyon Dersimiz Konusunu Paylaş Sosyal Paylaş

Benzeyen Konular
Konu: Yazar Cevaplar: Gösterim: Son Mesaj
  Opencart 2.x Sipariş Geçmişinde Resim Görünmesi ve Siparişe Link Verme escalepion 1 760 05-19-2018 10:39 PM
Son Mesaj: firathuy
  Opencart 2.x WhatsApp Sipariş modülü osdem66 18 2,836 05-13-2018 05:29 PM
Son Mesaj: Kıroğlumarket
  [Modifikasyon] Opencart 2 Mesafeli Satış Sözleşmesi Bitti Kıroğlumarket 26 5,178 04-30-2018 10:50 PM
Son Mesaj: ehnera
  Opencart 2.0.x Ürün detay Ektra İçerik Tabı ekleme osdem66 1 718 04-18-2018 09:26 PM
Son Mesaj: Zehra
  [Modifikasyon] Opencart Tüm Versiyonlarda Ürün Detay Sayfasına Ürün teslim tarihi eklemek osdem66 13 3,418 03-29-2018 12:55 AM
Son Mesaj: blondika12
  Opencart 2.x Ürün Detayda Stokta Yok İndirim Stickerları Kıroğlumarket 26 6,872 03-23-2018 12:47 AM
Son Mesaj: hiddenking
Bug [Tema] Opencart 2.3.0.2 Arka plan renk değiştirme ve müzik ekleme Poyrazhan 2 203 03-21-2018 02:36 PM
Son Mesaj: Poyrazhan
  Webkul Opencart Market Place ve Satıcı Girişi resulkosar 0 180 03-09-2018 01:14 PM
Son Mesaj: resulkosar
  Opencart 2.x Yetişkin İçerik İçin Yaş Doğrulama Basit Kıroğlumarket 4 1,517 03-03-2018 12:01 PM
Son Mesaj: alexmcrae
  [Modifikasyon]  Opencart 2.3.x Mesafeli Satış Sözleşmesi Sayfası Ekleme Kıroğlumarket 13 5,113 02-21-2018 10:17 AM
Son Mesaj: atadincselim

Opencart 2.x Modullerde Roll Over Modifikasyon Dersimiz indir, Opencart 2.x Modullerde Roll Over Modifikasyon Dersimiz Videosu, Opencart 2.x Modullerde Roll Over Modifikasyon Dersimiz online izle, Opencart 2.x Modullerde Roll Over Modifikasyon Dersimiz Bedava indir, Opencart 2.x Modullerde Roll Over Modifikasyon Dersimiz Yükle, Opencart 2.x Modullerde Roll Over Modifikasyon Dersimiz Hakkında, Opencart 2.x Modullerde Roll Over Modifikasyon Dersimiz nedir, Opencart 2.x Modullerde Roll Over Modifikasyon Dersimiz Free indir, Opencart 2.x Modullerde Roll Over Modifikasyon Dersimiz oyunu, Opencart 2.x Modullerde Roll Over Modifikasyon Dersimiz download


Forum Atla: