tr-opencart

     
avatar Şuanki Zaman: 12-19-2024, 03:19 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: 2 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  2737 - Yorum  0

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-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 {
        overflow: auto;
        margin-bottom: 20px;
    }
        .product-info > .left {
            float: left;
            margin-right: 15px;            
        }
        .product-info > .left + .right {
            margin-left: 265px;            
        }
        .product-info .image {
            border: 1px solid #d6d6d6;
            background:#f5f5f5;                
            float: left;
            margin-bottom: 20px;
            padding: 10px;
            text-align: center;
        }
        .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 {
            width: 260px;
            margin-left: -10px;
            clear: both;
            overflow: hidden;
        }
            .product-info .image-additional img {
                border: 1px solid #d6d6d6;                
            }            
            .product-info .image-additional a {
                float: left;
                display: block;
                margin-left: 10px;
                margin-bottom: 10px;
            }
        .product-info .description {            
            line-height: 20px;
            color: #4D4D4D;                
        }
            .product-info .description span {
                color: #000;
                font-weight:bold;
                width:100px;
                display:block;
                float:left;
            }            
            .product-info .description a {
                color: #4D4D4D;
                text-decoration: none;float:left;                
            }
        .product-info .description, .product-info .price, .product-info .cart, .product-info .review > div , .product-info .review .share, .product-info .options{            
            border: 1px 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 {
            overflow: auto;
            font-size: 15px;
            font-weight: bold;
            color: #333333;            
        }            
            .product-info .price-old {
                color: #F00;
                text-decoration: line-through;
            }
            .product-info .price-new {                
            }
        .product-info .price-tax {
            font-size: 12px;
            font-weight: normal;
            color: #999;
        }
        .product-info .price .reward {
            font-size: 12px;
            font-weight: normal;
            color: #999;
        }
        .product-info .price .discount {
            font-weight: normal;
            font-size: 12px;
            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;
            overflow: auto;
        }
            .product-info .cart div {
                float: left;
                vertical-align: middle;                
            }
                .product-info .cart div > span {
                    padding-top: 7px;
                    display: block;
                    color: #999;
                }
            .product-info .cart .minimum {
                padding-top: 5px;
                font-size: 11px;
                color: #999;
                clear: both;
            }            
        .product-info .review {
            color: #4D4D4D;
        }
            .product-info .review > div {
                padding-top: 12px;
                line-height: 20px;
                border-bottom: 1px solid #d6d6d6;                
            }
            .product-info .review > div > span {
                color: #38B0E3;
            }
    .product-info .review .share {
        overflow: auto;
        line-height: normal;        
        padding-top:12px;
    }
        .product-info .review .share a {
            text-decoration: none;
        } 

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: 356
Telif Hakkı için Rapor Edin...
e-ticaretdersleri
e-ticaretdersleri
Alıntı Yaparak Cevapla
Paylaş!
 Teşekkür Edenler: osdem66 , nokta , jimsi , tarantino123 , fe_odaliz

« Ö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
  katagorilerdeki ürün sayılarını kaldırma mukoonline 3 9,882 11-22-2021 10:01 AM
Son Mesaj: Jadoosa
  Ürün sayfasında resimlerin üzerine gelindiğinde aktif etmek e-ticaretdersleri 1 7,063 04-28-2021 05:14 AM
Son Mesaj: goker1
  Ürün Sayfasında Üreticiler Logosu Faklı e-ticaretdersleri 5 8,957 03-08-2021 01:06 PM
Son Mesaj: Mehmet1990
  Ürün Sayfasına Hemen Al butonu eklemek BLaDe 33 31,442 05-28-2020 01:09 PM
Son Mesaj: muchblood
  opencart 1.5.6 ürün ekleme oturum kapanma sorunu emir28 1 990 10-25-2019 03:04 AM
Son Mesaj: sembolpc
  [Modifikasyon] Breadcrumb - Ürün tam yolu ITECHINN 13 10,851 01-01-2019 05:23 PM
Son Mesaj: safakozt
Exclamation lcwaikiki.com gibi ürün seçeneği sistemi? yusufsayi 1 2,185 12-10-2018 11:07 PM
Son Mesaj: teknohiz
  Ürün Listeme (Session ID) Yardım alish 0 1,243 06-29-2018 12:56 PM
Son Mesaj: alish
  Ürün Seo URL de Kategori ve Marka adını kaldırmak.. osdem66 13 13,704 12-07-2017 04:39 PM
Son Mesaj: LaWSuiT
  [Modifikasyon] Ürün Sayfasında Siparişi Tamamlama hkntll 0 1,535 09-27-2017 09:52 PM
Son Mesaj: hkntll

Ü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:


İletişim | Opencart Türkiye Destek Forum ve Paylaşım Sitesi | Yukarıya dön | Hafifleştirilmiş Sürüm | RSS | Sitemap Opencart     Opencart temaları    
Türkçe Çeviri: MyBB Grup, Forum Yazılımı: MyBB © 2002-2011 MyBB Group   mobilyam fabrikadan