Opencart Türkiye Destek Sitesi ,E-Ticaret Yazılımı Destek Paylaşım Forumu

e-ticaretdersleri Tüm Mesajlarını Bul · 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 {
    width: 100%;
    overflow: hidden;
    text-align:center;
}
.box-product > div {
    background: #FFF;
    width: 231px;
    height: 302px;
    display: inline-block;
    vertical-align: top;
    margin:0px 1px 10px;
    padding:1px;
    border:1px solid #BBB;
    -webkit-border-radius: 5px 5px;
    -moz-border-radius: 5px 5px;
    -khtml-border-radius: 5px 5px;
    border-radius: 5px 5px;
}
.box-product > div:hover {
    background: #F7F7F7;
}
#column-left .box-product > div, #column-right .box-product > div {
    width: 170px;
    height: 200px;
    margin-right:0px;
}
.box-product .special {
    position: absolute;
    right: 10px;
}
.box-product .image {
    display: block;
    margin-bottom: 10px;
}
.box-product .image img {
    -webkit-border-radius: 5px 5px;
    -moz-border-radius: 5px 5px;
    -khtml-border-radius: 5px 5px;
    border-radius: 5px 5px;
}
.box-product .name a {
    font-weight: bold;
    text-decoration: none;
    display: block;
    margin-bottom: 4px;
}
.box-product .price-old {
    color: #F00;
    display:block;
    text-decoration: line-through;
    margin-top:2px;
}
.box-product .price-new {
    font-weight: bold;
}
.box-product .rating {
    display:block;
    text-align:center;
    margin-bottom:5px;
    height:17px;
} 

css dosyamiza eklenecek kod :

PHP Kod:

.view-sixth img {
    -webkit-transition: all 0.4s ease-in-out 0.5s;
    -moz-transition: all 0.4s ease-in-out 0.5s;
    -o-transition: all 0.4s ease-in-out 0.5s;
    -ms-transition: all 0.4s ease-in-out 0.5s;
    transition: all 0.4s ease-in-out 0.5s;
}
.view-sixth .mask {
    background: rgba(146,96,91,0.5);
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: all 0.3s ease-in 0.4s;
    -moz-transition: all 0.3s ease-in 0.4s;
    -o-transition: all 0.3s ease-in 0.4s;
    -ms-transition: all 0.3s ease-in 0.4s;
    transition: all 0.3s ease-in 0.4s;
}
.view-sixth .name {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    background: transparent;
    margin: 20px 40px 0px 40px;
    -webkit-transform: scale(10);
    -moz-transform: scale(10);
    -o-transform: scale(10);
    -ms-transform: scale(10);
    transform: scale(10);
    -webkit-transition: all 0.3s ease-in-out 0.1s;
    -moz-transition: all 0.3s ease-in-out 0.1s;
    -o-transition: all 0.3s ease-in-out 0.1s;
    -ms-transition: all 0.3s ease-in-out 0.1s;
    transition: all 0.3s ease-in-out 0.1s;
    font-weight: bold;
    text-decoration: none;
    display: block;
    margin-bottom: 4px;
}
.view-sixth p {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transform: scale(10);
    -moz-transform: scale(10);
    -o-transform: scale(10);
    -ms-transform: scale(10);
    transform: scale(10);
    -webkit-transition: all 0.3s ease-in-out 0.2s;
    -moz-transition: all 0.3s ease-in-out 0.2s;
    -o-transition: all 0.3s ease-in-out 0.2s;
    -ms-transition: all 0.3s ease-in-out 0.2s;
    transition: all 0.3s ease-in-out 0.2s;
}
.view-sixth a.info {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
    -o-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px);
    -webkit-transition: all 0.3s ease-in-out 0.1s;
    -moz-transition: all 0.3s ease-in-out 0.1s;
    -o-transition: all 0.3s ease-in-out 0.1s;
    -ms-transition: all 0.3s ease-in-out 0.1s;
    transition: all 0.3s ease-in-out 0.1s;
}
.view-sixth:hover .mask {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    -ms-transition-delay: 0s;
    transition-delay: 0s;
    cursor: pointer;
}
.view-sixth:hover img {
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    -ms-transition-delay: 0s;
    transition-delay: 0s;
}
.view-sixth:hover .name {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition-delay: 0.1s;
    -moz-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;
    -ms-transition-delay: 0.1s;
    transition-delay: 0.1s;
}
.view-sixth:hover p {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    -ms-transition-delay: 0.2s;
    transition-delay: 0.2s;
}
.view-sixth:hover a.info {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -o-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition-delay: 0.3s;
    -moz-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    -ms-transition-delay: 0.3s;
    transition-delay: 0.3s;
}
.view {
    margin: 1px;
    border: 10px solid #fff;
    overflow: hidden;
    position: relative;
    text-align: center;
    -webkit-box-shadow: 1px 1px 2px #e6e6e6;
    -moz-box-shadow: 1px 1px 2px #e6e6e6;
    box-shadow: 1px 1px 2px #e6e6e6;
    cursor: default;
}
.view .mask, .view .content {
    width: 233px;
    height: 304px;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
}
#column-left .box-product > div .mask, #column-left .box-product > div .content,
#column-right .box-product > div .mask, #column-right .box-product > div .content {
    width: 172px;
    height: 204px;
}
.view img {
    display: block;
    position: relative;
}
.view .name {
    color: #fff;
    text-align: center;
    position: relative;
    font-size: 17px;
    padding: 10px;
    background: rgba(0, 0, 0, 0.8);
 *background: #000;
    margin: 20px 0 0 0;
}
.view p {
    font-family: timesnewroman, serif;
    font-style: italic;
    font-size: 15px;
    font-weight: bold;
    position: relative;
    color: #fff;
    padding: 0px;
    margin-bottom: 3px;
    text-align: center;
}
.view p span.aciklama {
    font-size: 13px;
    padding: 0px 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 {
    display: inline-block;
    text-decoration: none;
    padding: 7px 14px;
    background: #000;
    color: #fff;
    text-transform: uppercase;
    -webkit-box-shadow: 0 0 1px #000;
    -moz-box-shadow: 0 0 1px #000;
    box-shadow: 0 0 1px #000;
    border-radius: 10px;
}
.view a.info:hover {
    -webkit-box-shadow: 0 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 Tüm Mesajlarını Bul · Konu Tarihi: **07-12-2013 09:14 PM**

yayımda...

nokta Tüm Mesajlarını Bul · 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.

e-ticaretdersleri Tüm Mesajlarını Bul · Konu Tarihi: **07-12-2013 10:54 PM**

abim bendeki featured defaultun yalin hali zorluk yasanmaz diye dusunmustum

nokta Tüm Mesajlarını Bul · 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.


Direk Link
HTML Link
BBCode Link
Sosyal Paylaş	Sabah net google facebook digg twiter yahoo mixx stumbleupon delicious reddit myspace friendfeed google buzz linkedin

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

	Şuanki Zaman: 04-18-2024, 09:35 AMHoşgeldin Misafir !
	Beni Hatırla Şifremi Hatırlat

« Önceki \| Sonraki »

Opencart Türkiye Destek Sitesi ,E-Ticaret Yazılımı Destek Paylaşım Forumu

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