seoseo
tr-opencart

     
avatar Şuanki Zaman: 12-03-2016, 04:42 PMHoşgeldin Misafir !
  Şifremi Hatırlat   kayıt ol
opencart temaları

Modül Jqurey Door Eklentisi

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  2055 - Yorum  3

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

Mesajlar: 2,962
Konular: 473
Katılma Tarihi: Jan 2012
Rep Puanı: 93
Teşekkürler: 1106
964 Mesajına, 1977 Teşekkür edildi.



Kişisel Bilgileri: v
Konu Tarihi: 09-08-2012 12:57 AM
Herkese iyi akşamlar. Jquery door eklentisini opencart için uyarladım. Genel olara mouse resmin üzerine gelince yukarı doğru panel açılmakta ver ürün adı fiyat sepete at gibi deyimler burada göstermektedir. Fikir sahibi @Fatih abime teşekkür ederim.

Not : Hata Alan arkadaşlar olursa bu default temaya göre uyarlanmıştır kendi tpl dosyamı ekte veriyorum siz kendinize göre uyararsınız java script dosyasını catalog/view/javascript klasörüne atınız

Kurulumu :

Açınız : catalog/view/theme/default/stylesheet stylesheet.css


Sayfanın En Altına Ekleyiniz :


PHP Kod:
.eff {
    
    
/* the image size is 126x126, it's adjusted to fit the border as well*/
    
width:136px;
    
height:136px;

    
/* important, allow the children object to move inside its parent obj */
    
position:relative;    

    
/* important, it hides the moved image */
    
overflow:hidden;
    
    
/* with the clear class, make it into 3 x 3 layout */
    
float:left;
    
    
/* IE float bug fix */
    
display:inline;
    
    
/* styling */
    
margin:8px;
    
font-size:12px;
}

.
eff img {
    
display:block;
    
width:126px;
    
height:126px;
    
    
/* styling */
    
text-decoration:none;
    
border:4px solid #ccc;
    
background:#ddd;

    /* important, it allows this obj to move by jquery */
    
position:absolute;
    
    
/* make sure it appears above the caption */
    
z-index:500;
    
    
cursor:pointercursor:hand;
}


.
eff .caption {
    
/* should be the same size with the image */
    
width:126px;
    
height:126px;
    
    
/* styling */
    
background:#333;
    
border:4px solid #ccc;
    
color:#eee;
    
    /* set the position to 0, 0 and appear under the image */
    
position:absolute;
    
top:0left:0;
    
z-index:0;
}


/* extra styling*/

.eff .caption a.header {
    
margin:10px 5px 5px 5px;
    
display:block;
    
font-size:14px;    
    
font-weight:700;
    
color:#4ed7f4;
}

.
eff .caption p {
    
margin:5px;    


Dosyamızı Açalım :


Açınız : catalog/view/theme/default/template/module latest.tpl

Bulalım :


PHP Kod:
<div class="box"

Üstüne Ekleyelim :


PHP Kod:
<script type="text/javascript" src="catalog/view/javascript/jquery.easing.1.3.js"></script>

<script>

$(document).ready(function() {

    //if mouse over and mouse out
    $('.eff').hover(
    function () {

        value = $(this).find('img').outerHeight() * -1;

        //for left/right if you have different width and height, 
        //commented out because we are using up/down in this example
        //value = $(this).find('img').outerWidth() * -1); 
        
        //animate the image
        // you can change the sliding direction by changing bottom to left, right or top
        // if you changed this, you will have to change the position of the hover out as well
        $(this).find('img').stop().animate({bottom: value} ,{duration:500, easing: 'easeOutBounce'});    
        
    },
    function () {
        
        //reset the image
        // the position property (bottom), it must be same with the on in the mouseover
        $(this).find('img').stop().animate({bottom:0} ,{duration:500, easing: 'easeOutBounce'});    
    
    });
    
    //if user clicked on the thumbnail
    $('.eff').click(function () {    
        //grab and execute the first link in the thumbnail
        window.location = $(this).find('a:first').attr('href');
    });
    
});

</script> 

Gene Aynı Dosyada Bulalım :


PHP Kod:
<div class="name">
                <?
php if (strlen($product['name']) > '17') { ?>
                    <a href="<?php echo $product['href']; ?>" title="<?php echo $product['name']; ?>"><?php echo substr($product['name'], 017).".."?></a></div>
                <?php } else { ?>
                    <a href="<?php echo $product['href']; ?>"><?php echo $product['name']; ?></a></div>
                <?php ?>
        <?php if ($product['price']) { ?>
        <div class="price">
          <?php if (!$product['special']) { ?>
          <?php echo $product['price']; ?>
          <?php } else { ?>
          <span class="price-old"><?php echo $product['price']; ?></span> <span class="price-new"><?php echo $product['special']; ?></span>
          <?php ?>
        </div>
        <?php ?>

Değiştirelim :


PHP Kod:
<div class="image"><div class="eff"><a href="<?php echo $product['href']; ?>"><img src="<?php echo $product['thumb']; ?>" alt="<?php echo $product['name']; ?>" /><div class="caption"><a href="<?php echo $product['href']; ?>"><?php echo $product['name']; ?></a><p> <?php if ($product['price']) { ?>
        
          <?php if (!$product['special']) { ?>
          <?php echo $product['price']; ?>
          <?php } else { ?>
          <s><?php echo $product['price']; ?></s> <b><?php echo $product['special']; ?></b>
          <?php ?>
       
        <?php ?><?php if ($product['price']) { ?>
        <div class="price">
          <?php if (!$product['special']) { ?>
          <?php echo $product['price']; ?>
          <?php } else { ?>
          <span class="price-old"><?php echo $product['price']; ?></span> <span class="price-new"><?php echo $product['special']; ?></span>
          <?php ?>
        </div></br> <div class="cart"><a onclick="addToCart('<?php echo $product['product_id']; ?>');" class="button"><span><?php echo $button_cart?></span></a></p></div></div>

</a></div></div>       
        <?php ?>
        
        
        <?php ?>


Ekli Dosya(lar) Önizleme(ler)
Resmi Büyütmek İçin Tıklayın    Resmi Büyütmek İçin Tıklayın   
.rar js.rar Eklentiyi indir...
Boyut: 3.06 KB İndirme: 29
Telif Hakkı için Rapor Edin...
Kıroğlumarket
Alıntı Yaparak Cevapla
Paylaş!
 Teşekkür Edenler: yusuf_07 , ITECHINN , nokta , sekhil , DrGandalf , fe_odaliz
opencart temaları
noktav
Süper Moderator
******
Süper Moderator user avatar
Çevrimdışı

Mesajlar: 629
Konular: 24
Katılma Tarihi: Jan 2012
Rep Puanı: 12
Teşekkürler: 672
174 Mesajına, 272 Teşekkür edildi.



Kişisel Bilgileri: v
Konu Tarihi: 09-08-2012 10:19 AM
@kiıoğlumarket @Fatih emeklerinize sağlık.
uzun zaman önce bu düzenlemeyi bir temadan ayırmak için epeyce zaman harcamıştım.
Çok hoş görünüm veren bir düzenleme.
nokta
Bu Dünya Acılardan Kaçamayacağın Kadar Küçük,
Kaybettiklerini Bir Daha Bulamayacağın Kadar Büyüktür!..
Alıntı Yaparak Cevapla
Paylaş!
thunav
Acemi Üye
**
Üye user avatar
Çevrimdışı

Mesajlar: 20
Konular: 7
Katılma Tarihi: Oct 2012
Rep Puanı: 0
Teşekkürler: 7
0 Mesajına, 0 Teşekkür edildi.



Kişisel Bilgileri: v
Konu Tarihi: 11-01-2012 02:50 PM
cok tesekkur ederim hemen hemen aradıgım sey bu ancak hem altta hemde uzerıne gelınce hemde altta sepete ekle butonu var ben alttakı butonu nasıl kaldırabılırım?
ve kucuk bır sorun daha var admın panelınden resımlerın boyutunu buyutunce yanı 80x80
daha buyuk yapınca anasayfadakı urun resımlerı bırbırıne gecıyor bu sorunu nasıl gıderebılırım? sımdıden tesekkur ederım..
Alıntı Yaparak Cevapla
Paylaş!
ITECHINNv
Sadece PHP
****
Üye user avatar
Çevrimdışı

Mesajlar: 557
Konular: 17
Katılma Tarihi: May 2012
Rep Puanı: 15
Teşekkürler: 275
187 Mesajına, 328 Teşekkür edildi.



Kişisel Bilgileri: v
Konu Tarihi: 11-01-2012 03:56 PM
(11-01-2012 02:50 PM)thuna Yazılan:  cok tesekkur ederim hemen hemen aradıgım sey bu ancak hem altta hemde uzerıne gelınce hemde altta sepete ekle butonu var ben alttakı butonu nasıl kaldırabılırım?
ve kucuk bır sorun daha var admın panelınden resımlerın boyutunu buyutunce yanı 80x80
daha buyuk yapınca anasayfadakı urun resımlerı bırbırıne gecıyor bu sorunu nasıl gıderebılırım? sımdıden tesekkur ederım..


Selamlar,

Sorununuzu CSS ile biraz oynamalar yaparak düzeltebilirsiniz.

Butonu ise
PHP Kod:
<div class="cart"><a onclick="addToCart('<?php echo $product['product_id']; ?>');" class="button"><span><?php echo $button_cart?></span></a></p></div> 

kodunu silerek kaldırabilirsiniz.

Hatırlatma;

Aynı mesajı 2 konuya birden yazmak çözümü hızlandırmaz Smile
Alıntı Yaparak Cevapla
Paylaş!

« Önceki | Sonraki »
Cevapla  Gönder 

Jqurey Door Eklentisi Konusunun Linki Direk Link
Jqurey Door Eklentisi Konusunun HTML Kodu HTML Link
Jqurey Door Eklentisi Konusu BBCode Linki BBCode Link
Jqurey Door Eklentisi Konusunu Paylaş Sosyal Paylaş

Benzeyen Konular
Konu: Yazar Cevaplar: Gösterim: Son Mesaj
  [Mod] Siparişinizi Tamamlama İçin X Tl Ve Üzeri Eklentisi Kıroğlumarket 18 2,605 06-09-2015 12:12 PM
Son Mesaj: turkojen34
  Opencart 1.5.x Sepete Ekle Kasaya git eklentisi (vqmod) osdem66 19 8,011 01-22-2015 10:34 AM
Son Mesaj: erne
  Ürün Detay Sayfasında beni ara eklentisi biraz gelişmiş versiyon. kendi yapımımdır. kazakcii 10 3,289 12-16-2014 01:04 PM
Son Mesaj: trayn
  [Modifikasyon] Lightbox Olarak Kayıt Ve Giriş Eklentisi Vqmod Kıroğlumarket 8 1,993 11-28-2014 11:49 PM
Son Mesaj: webimyum
  [Mod] opencart kendi sitemap eklentisi sualci 0 583 11-13-2014 02:17 PM
Son Mesaj: sualci
  [Eklenti] TC Doğrulama Eklentisi sunaycetin 1 1,200 10-24-2014 07:47 PM
Son Mesaj: Gökhan TAYLAN
  Pop up sepet Eklentisi 1.5.2.xve üstü versiyonlar için osdem66 54 14,739 10-15-2014 02:48 PM
Son Mesaj: erkanixi
  Marka Eklentisi Çalışmıyor. sanalx 2 656 06-10-2014 03:05 PM
Son Mesaj: sanalx
  [Mod] Proticaret Tarzı tab Eklentisi- Fixed Kıroğlumarket 9 3,577 05-19-2014 09:19 PM
Son Mesaj: Kıroğlumarket
  Kategori Sayfasında Marka Filtreleme Eklentisi Kıroğlumarket 9 2,809 01-20-2014 03:32 PM
Son Mesaj: ewrah07

Jqurey Door Eklentisi indir, Jqurey Door Eklentisi Videosu, Jqurey Door Eklentisi online izle, Jqurey Door Eklentisi Bedava indir, Jqurey Door Eklentisi Yükle, Jqurey Door Eklentisi Hakkında, Jqurey Door Eklentisi nedir, Jqurey Door Eklentisi Free indir, Jqurey Door Eklentisi oyunu, Jqurey Door Eklentisi download


Forum Atla: