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

e-ticaretdersleri Tüm Mesajlarını Bul · Konu Tarihi: **06-10-2013 09:51 AM**

Evet arkadaşlar debreli ustanın vermiş olduğu tooltip örneğini biraz mıncıklaya mıncıklaya geliştirdim ..

ilk önce dosyamızı açalım :

catalog/view/theme/default/stylesheets/ stylesheets.css

en alt satıra ekleeyelim :

BU kısım arka plan resminin boyutunu belirlemektedir.

PHP Kod:

.hover{ position:absolute;display:none;z-index:999; width:285px; height:125px; background:url('../image/tooltip.png') no-repeat;}
/ 

Şİmdi controller dosyamızı açalım :

catalog/controller/featured.php

Bunu Bulalım :

PHP Kod:

    'name'         => $product_info['name'], 

Bi alt satırına ekle :

PHP Kod:

'description' => substr(strip_tags(html_entity_decode($product_info['description'], ENT_QUOTES, 'UTF-8')), 0, 60) . '..', 

Dosyamızı Açalım :

/catalog/view/theme/default/template/module featured.tpl

Bulalım :

PHP Kod:

<?php if ($product['thumb']) { ?>

Üst Satırına Ekleyelim :

PHP Kod:

<div class="container">
  <div class="hover"><img src="<?php echo $product['thumb']; ?>" alt="<?php echo $product['name']; ?>"width="50" height="50" style="margin-left:10px; margin-top:10px;"/></a> <div class="name" style="margin-left:80px; margin-top:-60px;"><a href="<?php echo $product['href']; ?>"><?php echo $product['name']; ?></a><?php echo $product['description']; ?> <br /><div class="price" style="margin-left:10px; margin-top:10px;">
          <?php if (!$product['special']) { ?>
         Fiyat:  <?php echo $product['price']; ?>
          <?php } else { ?>
         Fiyat: <span class="price-old"> <?php echo $product['price']; ?></span> <span class="price-new"><?php echo $product['special']; ?></span>
          <?php } ?>
        </div></div>
</div> 

Aynı dosyada En son div tagından sonra ekleyelim [b]</div>[/b]

Bu ksım ise tooltip konumu belirtir

PHP Kod:

<script type="text/javascript">
   $(document).ready(function() {
    $('.container').hover(function() {
        if ($('.hover', this).css('display') == 'block') { return false; }
        os = $(this).offset();
        $('.hover', this).css({top: os.top+'px', left: os.left+-35+'px'}).animate({top: os.top-100+'px', opacity: 'show'}, 750);
    },
    function() {
        os = $(this).offset();
        $('.hover', this).animate({top: os.top+'px', opacity: 'hide'}, 500);
    });
});
    </script> 

Son olarakta ekteki resmi kullandığınıztema/image klasörüne atınız


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 1.5.1 x Ana sayfa modüllerde indirimde ve ücretsiz kargo ikonu göstermek.	osdem66	29	30,652	09-06-2021 11:30 PM Son Mesaj: senerelmas
	[Modifikasyon] Markalar gibi farklı alan oluşturmak istiyorum.	muratdogan	3	3,386	11-29-2019 12:38 AM Son Mesaj: engincincan
	span text_title kodu ile farklı dillerde aynı yere bir yerde yazı ekleme	cokasi	2	1,612	02-05-2018 09:55 AM Son Mesaj: cokasi
	mail gönderiminde problem (FARKLI BİR DURUM)	tuncaksoy	2	2,172	01-18-2016 06:25 PM Son Mesaj: tuncaksoy
	[Mod] Siparişinizi Tamamlama İçin X Tl Ve Üzeri Eklentisi	e-ticaretdersleri	18	9,107	06-09-2015 12:12 PM Son Mesaj: turkojen34
	[Modifikasyon] Opencart modullerde yada kategorilerde arttırma azlatma butonları Yayınlandı	e-ticaretdersleri	7	4,105	06-07-2015 06:24 PM Son Mesaj: turkojen34
	Opencart 1.5.x Sepete Ekle Kasaya git eklentisi (vqmod)	osdem66	19	16,148	01-22-2015 10:34 AM Son Mesaj: erne
	[Mod] Opencart Detayda Ve Modullerde Kampanya Tarihi	e-ticaretdersleri	0	1,752	01-11-2015 01:46 PM Son Mesaj: e-ticaretdersleri
	Ürün Detay Sayfasında beni ara eklentisi biraz gelişmiş versiyon. kendi yapımımdır.	kazakcii	10	7,324	12-16-2014 01:04 PM Son Mesaj: trayn
	[Modifikasyon] Lightbox Olarak Kayıt Ve Giriş Eklentisi Vqmod	e-ticaretdersleri	8	5,066	11-28-2014 11:49 PM Son Mesaj: webimyum

	Şuanki Zaman: 12-19-2024, 05:10 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 Modüllerde Tooltip Eklentisi Bu Farklı