seoseo
tr-opencart

     
avatar Şuanki Zaman: 12-08-2016, 01:10 AMHoşgeldin Misafir !
  Şifremi Hatırlat   kayıt ol
opencart temaları

Modifikasyon Modüllerde Tooltip Eklentisi Bu Farklı

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  1053 - Yorum  0

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

Mesajlar: 2,965
Konular: 475
Katılma Tarihi: Jan 2012
Rep Puanı: 93
Teşekkürler: 1107
965 Mesajına, 1979 Teşekkür edildi.



Kişisel Bilgileri: v
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:
.hoverposition:absolute;display:none;z-index:999width:285pxheight:125pxbackground: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')), 060) . '..'


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({topos.top+'px'leftos.left+-35+'px'}).animate({topos.top-100+'px'opacity'show'}, 750);
    },
    function() {
        
os = $(this).offset();
        $(
'.hover'this).animate({topos.top+'px'opacity'hide'}, 500);
    });
});
    
</script> 

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


Ekli Dosya(lar) Önizleme(ler)
Resmi Büyütmek İçin Tıklayın    Resmi Büyütmek İçin Tıklayın   
Kıroğlumarket
Alıntı Yaparak Cevapla
Paylaş!
 Teşekkür Edenler: nokta , osdem66 , fe_odaliz
opencart temaları

« Önceki | Sonraki »
Cevapla  Gönder 

Modüllerde Tooltip Eklentisi Bu Farklı  Konusunun Linki Direk Link
Modüllerde Tooltip Eklentisi Bu Farklı  Konusunun HTML Kodu HTML Link
Modüllerde Tooltip Eklentisi Bu Farklı  Konusu BBCode Linki BBCode Link
Modüllerde Tooltip Eklentisi Bu Farklı  Konusunu Paylaş Sosyal Paylaş

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 28 11,328 04-16-2016 01:42 AM
Son Mesaj: tekinsaka
  mail gönderiminde problem (FARKLI BİR DURUM) tuncaksoy 2 285 01-18-2016 06:25 PM
Son Mesaj: tuncaksoy
  [Mod] Siparişinizi Tamamlama İçin X Tl Ve Üzeri Eklentisi Kıroğlumarket 18 2,610 06-09-2015 12:12 PM
Son Mesaj: turkojen34
  [Modifikasyon] Opencart modullerde yada kategorilerde arttırma azlatma butonları Yayınlandı Kıroğlumarket 7 1,097 06-07-2015 06:24 PM
Son Mesaj: turkojen34
  Opencart 1.5.x Sepete Ekle Kasaya git eklentisi (vqmod) osdem66 19 8,013 01-22-2015 10:34 AM
Son Mesaj: erne
  [Mod] Opencart Detayda Ve Modullerde Kampanya Tarihi Kıroğlumarket 0 524 01-11-2015 01:46 PM
Son Mesaj: Kıroğlumarket
  Ürün Detay Sayfasında beni ara eklentisi biraz gelişmiş versiyon. kendi yapımımdır. kazakcii 10 3,296 12-16-2014 01:04 PM
Son Mesaj: trayn
  [Modifikasyon] Lightbox Olarak Kayıt Ve Giriş Eklentisi Vqmod Kıroğlumarket 8 1,998 11-28-2014 11:49 PM
Son Mesaj: webimyum
  [Mod] opencart kendi sitemap eklentisi sualci 0 584 11-13-2014 02:17 PM
Son Mesaj: sualci
  [Eklenti] TC Doğrulama Eklentisi sunaycetin 1 1,205 10-24-2014 07:47 PM
Son Mesaj: Gökhan TAYLAN

Modüllerde Tooltip Eklentisi Bu Farklı indir, Modüllerde Tooltip Eklentisi Bu Farklı Videosu, Modüllerde Tooltip Eklentisi Bu Farklı online izle, Modüllerde Tooltip Eklentisi Bu Farklı Bedava indir, Modüllerde Tooltip Eklentisi Bu Farklı Yükle, Modüllerde Tooltip Eklentisi Bu Farklı Hakkında, Modüllerde Tooltip Eklentisi Bu Farklı nedir, Modüllerde Tooltip Eklentisi Bu Farklı Free indir, Modüllerde Tooltip Eklentisi Bu Farklı oyunu, Modüllerde Tooltip Eklentisi Bu Farklı download


Forum Atla: