seoseo
tr-opencart

     
avatar Şuanki Zaman: 06-25-2017, 08:22 PMHoş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  1135 - Yorum  0

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

Mesajlar: 3,037
Konular: 486
Katılma Tarihi: Jan 2012
Rep Puanı: 94
Teşekkürler: 1126
991 Mesajına, 2022 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,888 04-16-2016 01:42 AM
Son Mesaj: tekinsaka
  mail gönderiminde problem (FARKLI BİR DURUM) tuncaksoy 2 380 01-18-2016 06:25 PM
Son Mesaj: tuncaksoy
  [Mod] Siparişinizi Tamamlama İçin X Tl Ve Üzeri Eklentisi Kıroğlumarket 18 3,062 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,291 06-07-2015 06:24 PM
Son Mesaj: turkojen34
  Opencart 1.5.x Sepete Ekle Kasaya git eklentisi (vqmod) osdem66 19 8,596 01-22-2015 10:34 AM
Son Mesaj: erne
  [Mod] Opencart Detayda Ve Modullerde Kampanya Tarihi Kıroğlumarket 0 606 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,597 12-16-2014 01:04 PM
Son Mesaj: trayn
  [Modifikasyon] Lightbox Olarak Kayıt Ve Giriş Eklentisi Vqmod Kıroğlumarket 8 2,120 11-28-2014 11:49 PM
Son Mesaj: webimyum
  [Mod] opencart kendi sitemap eklentisi sualci 0 667 11-13-2014 02:17 PM
Son Mesaj: sualci
  [Eklenti] TC Doğrulama Eklentisi sunaycetin 1 1,517 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: