tr-opencart

     
avatar Şuanki Zaman: 10-13-2024, 07:51 PMHoşgeldin Misafir !
  Şifremi Hatırlat   kayıt ol
opencart temaları

Modullerde Css Görselliği -2 Eka7 Yayımda

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  e-ticaretdersleri - Görüntüleme - Okunma  3788 - Yorum  4

e-ticaretdersleriv
Osmanlı Torunu
******
Süper Moderator user avatar
Çevrimdışı

Mesajlar: 3,225
Konular: 520
Katılma Tarihi: Jan 2012
Rep Puanı: 102
Teşekkürler: 1169
1060 Mesajına, 2133 Teşekkür edildi.



Kişisel Bilgileri: v
Konu Tarihi: 07-11-2013 04:11 PM

Evet arkadaşlar eka7 abimin sunmu olduğu bir eklentiden aldım şaunda küçük düzeltmeler kaldı engeç yarına kadar hazır olur videmouzu inceleyiniz...



css dosyamızda değişilecek kod:


PHP Kod:
/* box products */
.box-product {
    
width100%;
    
overflowhidden;
    
text-align:center;
}
.
box-product div {
    
background#FFF;
    
width231px;
    
height302px;
    
displayinline-block;
    
vertical-aligntop;
    
margin:0px 1px 10px;
    
padding:1px;
    
border:1px solid #BBB;
    
-webkit-border-radius5px 5px;
    -
moz-border-radius5px 5px;
    -
khtml-border-radius5px 5px;
    
border-radius5px 5px;
}
.
box-product div:hover {
    
background#F7F7F7;
}
#column-left .box-product > div, #column-right .box-product > div {
    
width170px;
    
height200px;
    
margin-right:0px;
}
.
box-product .special {
    
positionabsolute;
    
right10px;
}
.
box-product .image {
    
displayblock;
    
margin-bottom10px;
}
.
box-product .image img {
    -
webkit-border-radius5px 5px;
    -
moz-border-radius5px 5px;
    -
khtml-border-radius5px 5px;
    
border-radius5px 5px;
}
.
box-product .name a {
    
font-weightbold;
    
text-decorationnone;
    
displayblock;
    
margin-bottom4px;
}
.
box-product .price-old {
    
color#F00;
    
display:block;
    
text-decorationline-through;
    
margin-top:2px;
}
.
box-product .price-new {
    
font-weightbold;
}
.
box-product .rating {
    
display:block;
    
text-align:center;
    
margin-bottom:5px;
    
height:17px;




css dosyamiza eklenecek kod :


PHP Kod:
.view-sixth img {
    -
webkit-transitionall 0.4s ease-in-out 0.5s;
    -
moz-transitionall 0.4s ease-in-out 0.5s;
    -
o-transitionall 0.4s ease-in-out 0.5s;
    -
ms-transitionall 0.4s ease-in-out 0.5s;
    
transitionall 0.4s ease-in-out 0.5s;
}
.
view-sixth .mask {
    
backgroundrgba(146,96,91,0.5);
    -
ms-filter"progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    
filteralpha(opacity=0);
    
opacity0;
    -
webkit-transitionall 0.3s ease-in 0.4s;
    -
moz-transitionall 0.3s ease-in 0.4s;
    -
o-transitionall 0.3s ease-in 0.4s;
    -
ms-transitionall 0.3s ease-in 0.4s;
    
transitionall 0.3s ease-in 0.4s;
}
.
view-sixth .name {
    -
ms-filter"progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    
filteralpha(opacity=0);
    
opacity0;
    
border-bottom1px solid rgba(0000.3);
    
backgroundtransparent;
    
margin20px 40px 0px 40px;
    -
webkit-transformscale(10);
    -
moz-transformscale(10);
    -
o-transformscale(10);
    -
ms-transformscale(10);
    
transformscale(10);
    -
webkit-transitionall 0.3s ease-in-out 0.1s;
    -
moz-transitionall 0.3s ease-in-out 0.1s;
    -
o-transitionall 0.3s ease-in-out 0.1s;
    -
ms-transitionall 0.3s ease-in-out 0.1s;
    
transitionall 0.3s ease-in-out 0.1s;
    
font-weightbold;
    
text-decorationnone;
    
displayblock;
    
margin-bottom4px;
}
.
view-sixth p {
    -
ms-filter"progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    
filteralpha(opacity=0);
    
opacity0;
    -
webkit-transformscale(10);
    -
moz-transformscale(10);
    -
o-transformscale(10);
    -
ms-transformscale(10);
    
transformscale(10);
    -
webkit-transitionall 0.3s ease-in-out 0.2s;
    -
moz-transitionall 0.3s ease-in-out 0.2s;
    -
o-transitionall 0.3s ease-in-out 0.2s;
    -
ms-transitionall 0.3s ease-in-out 0.2s;
    
transitionall 0.3s ease-in-out 0.2s;
}
.
view-sixth a.info {
    -
ms-filter"progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    
filteralpha(opacity=0);
    
opacity0;
    -
webkit-transformtranslateY(100px);
    -
moz-transformtranslateY(100px);
    -
o-transformtranslateY(100px);
    -
ms-transformtranslateY(100px);
    
transformtranslateY(100px);
    -
webkit-transitionall 0.3s ease-in-out 0.1s;
    -
moz-transitionall 0.3s ease-in-out 0.1s;
    -
o-transitionall 0.3s ease-in-out 0.1s;
    -
ms-transitionall 0.3s ease-in-out 0.1s;
    
transitionall 0.3s ease-in-out 0.1s;
}
.
view-sixth:hover .mask {
    -
ms-filter"progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    
filteralpha(opacity=100);
    
opacity1;
    -
webkit-transition-delay0s;
    -
moz-transition-delay0s;
    -
o-transition-delay0s;
    -
ms-transition-delay0s;
    
transition-delay0s;
    
cursorpointer;
}
.
view-sixth:hover img {
    -
webkit-transition-delay0s;
    -
moz-transition-delay0s;
    -
o-transition-delay0s;
    -
ms-transition-delay0s;
    
transition-delay0s;
}
.
view-sixth:hover .name {
    -
ms-filter"progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    
filteralpha(opacity=100);
    
opacity1;
    -
webkit-transformscale(1);
    -
moz-transformscale(1);
    -
o-transformscale(1);
    -
ms-transformscale(1);
    
transformscale(1);
    -
webkit-transition-delay0.1s;
    -
moz-transition-delay0.1s;
    -
o-transition-delay0.1s;
    -
ms-transition-delay0.1s;
    
transition-delay0.1s;
}
.
view-sixth:hover p {
    -
ms-filter"progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    
filteralpha(opacity=100);
    
opacity1;
    -
webkit-transformscale(1);
    -
moz-transformscale(1);
    -
o-transformscale(1);
    -
ms-transformscale(1);
    
transformscale(1);
    -
webkit-transition-delay0.2s;
    -
moz-transition-delay0.2s;
    -
o-transition-delay0.2s;
    -
ms-transition-delay0.2s;
    
transition-delay0.2s;
}
.
view-sixth:hover a.info {
    -
ms-filter"progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    
filteralpha(opacity=100);
    
opacity1;
    -
webkit-transformtranslateY(0px);
    -
moz-transformtranslateY(0px);
    -
o-transformtranslateY(0px);
    -
ms-transformtranslateY(0px);
    
transformtranslateY(0px);
    -
webkit-transition-delay0.3s;
    -
moz-transition-delay0.3s;
    -
o-transition-delay0.3s;
    -
ms-transition-delay0.3s;
    
transition-delay0.3s;
}
.
view {
    
margin1px;
    
border10px solid #fff;
    
overflowhidden;
    
positionrelative;
    
text-aligncenter;
    -
webkit-box-shadow1px 1px 2px #e6e6e6;
    
-moz-box-shadow1px 1px 2px #e6e6e6;
    
box-shadow1px 1px 2px #e6e6e6;
    
cursor: default;
}
.
view .mask, .view .content {
    
width233px;
    
height304px;
    
positionabsolute;
    
overflowhidden;
    
top0;
    
left0;
}
#column-left .box-product > div .mask, #column-left .box-product > div .content,
#column-right .box-product > div .mask, #column-right .box-product > div .content {
    
width172px;
    
height204px;
}
.
view img {
    
displayblock;
    
positionrelative;
}
.
view .name {
    
color#fff;
    
text-aligncenter;
    
positionrelative;
    
font-size17px;
    
padding10px;
    
backgroundrgba(0000.8);
 *
background#000;
    
margin20px 0 0 0;
}
.
view p {
    
font-familytimesnewromanserif;
    
font-styleitalic;
    
font-size15px;
    
font-weightbold;
    
positionrelative;
    
color#fff;
    
padding0px;
    
margin-bottom3px;
    
text-aligncenter;
}
.
view p span.aciklama {
    
font-size13px;
    
padding0px 1px;
}
#column-left .view .mask p.first {
    
font-size:10px !important;
}
#column-left .box-product > div .aciklama, #column-right .box-product > div .aciklama {
    
display:none;
}
.
view a.info {
    
displayinline-block;
    
text-decorationnone;
    
padding7px 14px;
    
background#000;
    
color#fff;
    
text-transformuppercase;
    -
webkit-box-shadow0 0 1px #000;
    
-moz-box-shadow0 0 1px #000;
    
box-shadow0 0 1px #000;
    
border-radius10px;
}
.
view a.info:hover {
    -
webkit-box-shadow0 0 5px #000; 

bendek fatured tpl dosyam kendinize göre düzenleyiniz.

PHP Kod:
<div class="box">
  <
div class="box-heading"><?php echo $heading_title?></div>
  <div class="box-content">
    <div class="box-product">
      <?php foreach ($products as $product) { ?>
      <div>
        <?php if ($product['thumb']) { ?>
      <div class="view view-sixth">
        <div class="image"><a href="<?php echo $product['href']; ?>"><img src="<?php echo $product['thumb']; ?>" alt="<?php echo $product['name']; ?>"  width="<?php echo $img_width ?>" height="<?php echo $img_height ?>"/></a></div>
        <div class="mask" onclick="location.href='<?php echo $product['href']; ?>';">
        <?php ?>
       
<div class="mask">

         <div class="name"><a href="<?php echo $product['href']; ?>"><?php echo $product['name']; ?></a></div>
        
         <p class="first" style="text-align:left"><span class="aciklama" style="text-align:left"> <?php echo $product['description']; ?></span> <br />
         
          <?php if ($product['price']) { ?>
        <div class="price">
          <?php if (!$product['special']) { ?>
        <p> <?php echo $product['price']; ?></p> 
         <?php } else { ?>
         <p>                       <span class="price-old"><?php echo $product['price']; ?></span> <span class="price-new"><?php echo $product['special']; ?></span>
          <?php ?>
          
                                </p>
           
        </div>
         <div class="cart"><input type="button" value="<?php echo $button_cart?>" onclick="addToCart('<?php echo $product['product_id']; ?>');" class="button" /></div>

      </div>
     
         
         
          
        </div>
        <?php ?>
        <?php if ($product['rating']) { ?>
        <div class="rating"><img src="catalog/view/theme/default/image/stars-<?php echo $product['rating']; ?>.png" alt="<?php echo $product['reviews']; ?>" /></div>
        <?php ?>
          </div></div> 
      <?php ?>
    </div>
  </div>
</div> 



Birde catalog/controller/module/ featured.php dosyamızı açalım :

Bulalm :
Alıntı: 'thumb' => $image,


Bi Alt Satıra Ekleyelim :

Alıntı:'description' => substr(strip_tags(html_entity_decode($product_info['description'], ENT_QUOTES, 'UTF-8')), 0, 20) . '..',
e-ticaretdersleri
Alıntı Yaparak Cevapla
Paylaş!
 Teşekkür Edenler: nokta
e-ticaretdersleriv
Osmanlı Torunu
******
Süper Moderator user avatar
Çevrimdışı

Mesajlar: 3,225
Konular: 520
Katılma Tarihi: Jan 2012
Rep Puanı: 102
Teşekkürler: 1169
1060 Mesajına, 2133 Teşekkür edildi.



Kişisel Bilgileri: v
Konu Tarihi: 07-12-2013 09:14 PM
yayımda...
e-ticaretdersleri
Alıntı Yaparak Cevapla
Paylaş!
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: 671
175 Mesajına, 273 Teşekkür edildi.



Kişisel Bilgileri: v
Konu Tarihi: 07-12-2013 10:42 PM
Emeklerine sağlık Kıroğlu, yanlız sendeki fatured tpl dosyasını değilde oraya eklenecek kodu verseydin keşke, genelde epeyce değişiklik yaptığımız bir tpl dosyası featured.
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ş!
e-ticaretdersleriv
Osmanlı Torunu
******
Süper Moderator user avatar
Çevrimdışı

Mesajlar: 3,225
Konular: 520
Katılma Tarihi: Jan 2012
Rep Puanı: 102
Teşekkürler: 1169
1060 Mesajına, 2133 Teşekkür edildi.



Kişisel Bilgileri: v
Konu Tarihi: 07-12-2013 10:54 PM
abim bendeki featured defaultun yalin hali zorluk yasanmaz diye dusunmustum
e-ticaretdersleri
Alıntı Yaparak Cevapla
Paylaş!
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: 671
175 Mesajına, 273 Teşekkür edildi.



Kişisel Bilgileri: v
Konu Tarihi: 07-13-2013 01:32 PM
Evet aslında düşündüğün doğru lakin o sayfada diğer modüllerin gerektirdiği düzenlemeleri yapmışsak eğer sıkıntı olacağı kanaatindeyim.

Screen shot'ı da ben ekleyeyim.


Ekli Dosya(lar) Önizleme(ler)
Resmi Büyütmek İçin Tıklayın   
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ş!

« Önceki | Sonraki »
Cevapla  Gönder 

 Modullerde Css Görselliği -2 Eka7 Yayımda Konusunun Linki Direk Link
 Modullerde Css Görselliği -2 Eka7 Yayımda Konusunun HTML Kodu HTML Link
 Modullerde Css Görselliği -2 Eka7 Yayımda Konusu BBCode Linki BBCode Link
 Modullerde Css Görselliği -2 Eka7 Yayımda 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 29 30,315 09-06-2021 11:30 PM
Son Mesaj: senerelmas
  [Modifikasyon] Opencart modullerde yada kategorilerde arttırma azlatma butonları Yayınlandı e-ticaretdersleri 7 4,084 06-07-2015 06:24 PM
Son Mesaj: turkojen34
  [Mod] Opencart Detayda Ve Modullerde Kampanya Tarihi e-ticaretdersleri 0 1,744 01-11-2015 01:46 PM
Son Mesaj: e-ticaretdersleri
  [Modifikasyon] Modullerde Lazyload ve Rollover Modifiyesi - Yayında e-ticaretdersleri 11 9,136 04-02-2014 08:24 PM
Son Mesaj: nokta
  havale eft indirimini anasayfadaki modüllerde gösterme osman 30 15,616 04-02-2014 01:37 PM
Son Mesaj: emremix
  Modüllerde Kategori ADINI GÖsterme e-ticaretdersleri 2 2,766 03-16-2014 08:24 PM
Son Mesaj: e-ticaretdersleri
  Modullerde Css Görselliği -1 Yayımda e-ticaretdersleri 6 4,302 09-22-2013 02:39 PM
Son Mesaj: aksoy520
  Opencart 1.5.versiyonlarda özellikleri ve Secenekleri modüllerde göstermek osdem66 0 3,031 06-19-2013 12:24 PM
Son Mesaj: osdem66
  [Modifikasyon] Modüllerde Tooltip Eklentisi Bu Farklı e-ticaretdersleri 0 2,238 06-10-2013 09:51 AM
Son Mesaj: e-ticaretdersleri
  Anasayfadaki modüllerde ürünlerde kategori adı göstermek sekhil 4 3,257 05-20-2013 07:00 AM
Son Mesaj: yusuf_07

Modullerde Css Görselliği -2 Eka7 Yayımda indir, Modullerde Css Görselliği -2 Eka7 Yayımda Videosu, Modullerde Css Görselliği -2 Eka7 Yayımda online izle, Modullerde Css Görselliği -2 Eka7 Yayımda Bedava indir, Modullerde Css Görselliği -2 Eka7 Yayımda Yükle, Modullerde Css Görselliği -2 Eka7 Yayımda Hakkında, Modullerde Css Görselliği -2 Eka7 Yayımda nedir, Modullerde Css Görselliği -2 Eka7 Yayımda Free indir, Modullerde Css Görselliği -2 Eka7 Yayımda oyunu, Modullerde Css Görselliği -2 Eka7 Yayımda download


Forum Atla: