seoseo
tr-opencart

     
avatar Şuanki Zaman: 03-31-2017, 01:42 AMHoşgeldin Misafir !
  Şifremi Hatırlat   kayıt ol
opencart temaları

Ürün Detayda Modifiyeli Bir Görünüm Daha

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  1669 - Yorum  0

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

Mesajlar: 2,998
Konular: 479
Katılma Tarihi: Jan 2012
Rep Puanı: 93
Teşekkürler: 1117
981 Mesajına, 2009 Teşekkür edildi.



Kişisel Bilgileri: v
Konu Tarihi: 07-16-2012 04:33 PM
Ürün detay österiminde bir modifiye daha sunuyorum sizlere buyrun css kodlaması. tabs.png resmini kendi temanızın image klasörüne atınız.

Demoyu İncele


Bul:


PHP Kod:
/* Product */
.product-info 

bu iki satır dahil .attribute { kadar olan yeri aşağıdaki kodlarla değiştiriniz.

Değiştir:


PHP Kod:
.product-info {
        
overflowauto;
        
margin-bottom20px;
    }
        .
product-info > .left {
            
floatleft;
            
margin-right15px;            
        }
        .
product-info > .left + .right {
            
margin-left265px;            
        }
        .
product-info .image {
            
border1px solid #d6d6d6;
            
background:#f5f5f5;                
            
floatleft;
            
margin-bottom20px;
            
padding10px;
            
text-aligncenter;
        }
        .
product-info .image, .product-info .image-additional img{
            
border-radius:15px;
            -
webkit-border-radius:15px;
            -
moz-border-radius:15px;
            -
khtml-border-radius:15px;
        }
        .
product-info .image-additional {
            
width260px;
            
margin-left: -10px;
            
clearboth;
            
overflowhidden;
        }
            .
product-info .image-additional img {
                
border1px solid #d6d6d6;                
            
}            
            .
product-info .image-additional a {
                
floatleft;
                
displayblock;
                
margin-left10px;
                
margin-bottom10px;
            }
        .
product-info .description {            
            
line-height20px;
            
color#4D4D4D;                
        
}
            .
product-info .description span {
                
color#000;
                
font-weight:bold;
                
width:100px;
                
display:block;
                
float:left;
            }            
            .
product-info .description a {
                
color#4D4D4D;
                
text-decorationnone;float:left;                
            }
        .
product-info .description, .product-info .price, .product-info .cart, .product-info .review div , .product-info .review .share, .product-info .options{            
            
border1px solid #d6d6d6;
            
background:#f5f5f5;
            
padding:10px 20px;            
        }
        .
product-info .description{
            
border-radius:15px 15px 0 0;
            -
webkit-border-radius:15px 15px 0 0;
            -
moz-border-radius:15px 15px 0 0;
            -
khtml-border-radius:15px 15px 0 0;                
        }        
        .
product-info .description, .product-info .price, .product-info .cart, .product-info .options{
            
border-bottom:none;
        }
        .
product-info .review .share{
            
border-top:none;
        }
        .
product-info .cart a, .product-info .review div a, .product-info .review .share a{
            
color:#4d4d4d;
            
font-weight:bold;
            
text-decoration:none;
        }        
        .
product-info .cart a:hover, .product-info .review div a:hover, .product-info .review .share a:hover{
            
color:#bf0000;
        
}
        .
product-info .review .share{
            
border-radius:0 0 15px 15px;
            -
webkit-border-radius:0 0 15px 15px;
            -
moz-border-radius:0 0 15px 15px;
            -
khtml-border-radius:0 0 15px 15px;
            
background:#eaeaea url(../image/tabs.png) repeat-x top;    
        
}
        .
product-info .price {
            
overflowauto;
            
font-size15px;
            
font-weightbold;
            
color#333333;            
        
}            
            .
product-info .price-old {
                
color#F00;
                
text-decorationline-through;
            }
            .
product-info .price-new {                
            }
        .
product-info .price-tax {
            
font-size12px;
            
font-weightnormal;
            
color#999;
        
}
        .
product-info .price .reward {
            
font-size12px;
            
font-weightnormal;
            
color#999;
        
}
        .
product-info .price .discount {
            
font-weightnormal;
            
font-size12px;
            
color#4D4D4D;
        
}        
        .
product-info .options {
/*            border-bottom: 1px solid #d6d6d6;
            padding: 0px 5px 10px 5px;
            margin-bottom: 10px;
            color: #000000;*/
        
}
            .
product-info .option-image{
                
margin-top:3px;
                
margin-bottom:10px;
            }
                    .
product-info .option-image label{
                        
display:block;
                        
width:100%;
                        
height:100%;
                    }
                    .
product-info .option-image img{
                        
margin-right:5px;
                        
border:1px solid #CCC;
                        
cursor:pointer;
                    }
        .
product-info .cart {
            
color#4D4D4D;
            
overflowauto;
        }
            .
product-info .cart div {
                
floatleft;
                
vertical-alignmiddle;                
            }
                .
product-info .cart div span {
                    
padding-top7px;
                    
displayblock;
                    
color#999;
                
}
            .
product-info .cart .minimum {
                
padding-top5px;
                
font-size11px;
                
color#999;
                
clearboth;
            }            
        .
product-info .review {
            
color#4D4D4D;
        
}
            .
product-info .review div {
                
padding-top12px;
                
line-height20px;
                
border-bottom1px solid #d6d6d6;                
            
}
            .
product-info .review div span {
                
color#38B0E3;
            
}
    .
product-info .review .share {
        
overflowauto;
        
line-heightnormal;        
        
padding-top:12px;
    }
        .
product-info .review .share a {
            
text-decorationnone;
        } 

Benim verdiğim ürün detayda üretici logosu kullanan varsa görünümde bozukluk yapacaktır. Çaresi

Bul :


Alıntı:<span><?php echo $text_manufacturer; ?></span> <a href="<?php echo $manufacturers; ?>"><?php echo $manufacturer; ?> <img style="float:right" src="<?echo$man_img;?>" title="<?echo$manufacturer;?>" /></a><br />

Değiştiriniz: Sadece kalın belirttiğim yeri img style="absolute;float:right;margin-left:270px; right;margin-top: -36px; left top değerleryile oynayarak kendnize göre uyarlayınız.


Ekli Dosya(lar) Önizleme(ler)
Resmi Büyütmek İçin Tıklayın   
.png tabs.png Eklentiyi indir...
Boyut: 190 bytes İndirme: 355
Telif Hakkı için Rapor Edin...
Kıroğlumarket
Alıntı Yaparak Cevapla
Paylaş!
 Teşekkür Edenler: osdem66 , nokta , jimsi , tarantino123 , fe_odaliz
opencart temaları

« Önceki | Sonraki »
Cevapla  Gönder 

Ürün Detayda Modifiyeli Bir Görünüm Daha Konusunun Linki Direk Link
Ürün Detayda Modifiyeli Bir Görünüm Daha Konusunun HTML Kodu HTML Link
Ürün Detayda Modifiyeli Bir Görünüm Daha Konusu BBCode Linki BBCode Link
Ürün Detayda Modifiyeli Bir Görünüm Daha Konusunu Paylaş Sosyal Paylaş

Benzeyen Konular
Konu: Yazar Cevaplar: Gösterim: Son Mesaj
  Ürün İsimini Kısaltma Kıroğlumarket 10 3,157 03-22-2017 05:51 PM
Son Mesaj: oktiy
  Kampanyalı Ürünlerde Ürün Detay sayfasına İndirimde ikonu eklemek crea51 20 9,287 03-22-2017 01:58 PM
Son Mesaj: ekremyigiter
  opencart 1.5.5.1 anasayfa ürün sayısı çoğaltma oktiy 0 47 03-17-2017 09:54 AM
Son Mesaj: oktiy
  [Modifikasyon] Breadcrumb - Ürün tam yolu ITECHINN 12 3,870 03-17-2017 09:44 AM
Son Mesaj: oktiy
  Ürüne eklediğim özelliğin + fiyatı, ürün fiyatına yansımıyor. cashr00t 13 1,420 03-16-2017 01:25 AM
Son Mesaj: suko79
  Ürün Fiyatlarının Düz Hesap Olması m.ergul 0 52 03-03-2017 11:20 AM
Son Mesaj: m.ergul
  [Modifikasyon] Anasayfa Modüllerine Yeni Ürün İkonu Eklemek TECHNOLOG 29 8,958 02-27-2017 12:08 PM
Son Mesaj: sekhil
  [Modifikasyon] Ürün Detayda Arttırma Azaltma Butonu Eklemek Kıroğlumarket 2 902 02-20-2017 06:02 PM
Son Mesaj: osie01
  Opencart 1.5.1.x Ürün detay sayfasına Kampanya Geri sayım eklemek osdem66 16 8,062 01-14-2017 05:10 PM
Son Mesaj: sekhil
  [Modifikasyon] Ürün Detayda Kampanyalı Üründe İndirim Oranı Gösterme Kıroğlumarket 7 2,140 12-11-2016 02:20 PM
Son Mesaj: bedirhan61061

Ürün Detayda Modifiyeli Bir Görünüm Daha indir, Ürün Detayda Modifiyeli Bir Görünüm Daha Videosu, Ürün Detayda Modifiyeli Bir Görünüm Daha online izle, Ürün Detayda Modifiyeli Bir Görünüm Daha Bedava indir, Ürün Detayda Modifiyeli Bir Görünüm Daha Yükle, Ürün Detayda Modifiyeli Bir Görünüm Daha Hakkında, Ürün Detayda Modifiyeli Bir Görünüm Daha nedir, Ürün Detayda Modifiyeli Bir Görünüm Daha Free indir, Ürün Detayda Modifiyeli Bir Görünüm Daha oyunu, Ürün Detayda Modifiyeli Bir Görünüm Daha download


Forum Atla: