seoseo
tr-opencart

     
avatar Şuanki Zaman: 12-03-2016, 12:38 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  Kıroğlumarket - Görüntüleme - Okunma  1250 - Yorum  4

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: 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) . '..',
Kıroğlumarket
Alıntı Yaparak Cevapla
Paylaş!
 Teşekkür Edenler: nokta
opencart temaları
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: 07-12-2013 09:14 PM
yayımda...
Kıroğlumarket
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: 672
174 Mesajına, 272 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ş!
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: 07-12-2013 10:54 PM
abim bendeki featured defaultun yalin hali zorluk yasanmaz diye dusunmustum
Kıroğlumarket
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: 672
174 Mesajına, 272 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 28 11,318 04-16-2016 01:42 AM
Son Mesaj: tekinsaka
  [Modifikasyon] Opencart modullerde yada kategorilerde arttırma azlatma butonları Yayınlandı Kıroğlumarket 7 1,096 06-07-2015 06:24 PM
Son Mesaj: turkojen34
  [Mod] Opencart Detayda Ve Modullerde Kampanya Tarihi Kıroğlumarket 0 521 01-11-2015 01:46 PM
Son Mesaj: Kıroğlumarket
  [Modifikasyon] Modullerde Lazyload ve Rollover Modifiyesi - Yayında Kıroğlumarket 11 2,883 04-02-2014 08:24 PM
Son Mesaj: nokta
  havale eft indirimini anasayfadaki modüllerde gösterme osman 30 4,932 04-02-2014 01:37 PM
Son Mesaj: emremix
  Modüllerde Kategori ADINI GÖsterme Kıroğlumarket 2 920 03-16-2014 08:24 PM
Son Mesaj: Kıroğlumarket
  Modullerde Css Görselliği -1 Yayımda Kıroğlumarket 6 1,485 09-22-2013 02:39 PM
Son Mesaj: aksoy520
  Opencart 1.5.versiyonlarda özellikleri ve Secenekleri modüllerde göstermek osdem66 0 1,229 06-19-2013 12:24 PM
Son Mesaj: osdem66
  [Modifikasyon] Modüllerde Tooltip Eklentisi Bu Farklı Kıroğlumarket 0 1,051 06-10-2013 09:51 AM
Son Mesaj: Kıroğlumarket
  Anasayfadaki modüllerde ürünlerde kategori adı göstermek sekhil 4 1,387 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: