tr-opencart

     
avatar Şuanki Zaman: 05-26-2018, 12:56 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  1428 - Yorum  0

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

Mesajlar: 3,138
Konular: 502
Katılma Tarihi: Jan 2012
Rep Puanı: 97
Teşekkürler: 1141
1020 Mesajına, 2066 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

« Ö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
  span text_title kodu ile farklı dillerde aynı yere bir yerde yazı ekleme cokasi 2 179 02-05-2018 09:55 AM
Son Mesaj: cokasi
  Opencart 1.5.1 x Ana sayfa modüllerde indirimde ve ücretsiz kargo ikonu göstermek. osdem66 28 13,949 04-16-2016 01:42 AM
Son Mesaj: tekinsaka
  mail gönderiminde problem (FARKLI BİR DURUM) tuncaksoy 2 986 01-18-2016 06:25 PM
Son Mesaj: tuncaksoy
  [Mod] Siparişinizi Tamamlama İçin X Tl Ve Üzeri Eklentisi Kıroğlumarket 18 5,098 06-09-2015 12:12 PM
Son Mesaj: turkojen34
  [Modifikasyon] Opencart modullerde yada kategorilerde arttırma azlatma butonları Yayınlandı Kıroğlumarket 7 2,034 06-07-2015 06:24 PM
Son Mesaj: turkojen34
  Opencart 1.5.x Sepete Ekle Kasaya git eklentisi (vqmod) osdem66 19 11,192 01-22-2015 10:34 AM
Son Mesaj: erne
  [Mod] Opencart Detayda Ve Modullerde Kampanya Tarihi Kıroğlumarket 0 958 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 4,700 12-16-2014 01:04 PM
Son Mesaj: trayn
  [Modifikasyon] Lightbox Olarak Kayıt Ve Giriş Eklentisi Vqmod Kıroğlumarket 8 3,046 11-28-2014 11:49 PM
Son Mesaj: webimyum
  [Mod] opencart kendi sitemap eklentisi sualci 0 986 11-13-2014 02:17 PM
Son Mesaj: sualci

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: