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

e-ticaretdersleri Tüm Mesajlarını Bul · Konu Tarihi: **02-10-2013 01:27 PM**

Selam Arkadaşlar güzel bir eklenti ile bir kez daha karşınızdayız. Bunu Eklentiyi yapmadan Önce iki Önemli Noktamız Var Onları Yaptıktan Sonra Eklenti Kurulumuna Geçiniz.

1. Sistem => Genel Ayarlar => Seçeneklerden => Stok Miktarını Göster => Evet Olarak İşaretleyiniz.
2.Eğer Ürün Satılmışsa admin => Siparişler kısmından ürünü onaylarken dikkat edin Hazırlandı Olarak Değil Tamamlandı Olarak İşaretleyiniz. BU Şekilde stoktan düşülmektedir.

Kuruluma Geçelimm

İlk olarak Eklentideki vqmod dosyasını sitenin root dizinine atınız yani admin ve catalog klasörlerinin bulunduğu yere eğer vqmod kurmuşsanız klasör isimleri aynı oldüğundan değişiklik yapılsınmı diye soracaktır. Dosyalarda değişik yapmaz..

Bu Modifikasyon ile stok mitarı 4 level olmakta ( yeşil - mavi- turuncu - kırmızı ) ve sayısal yerne biraz daha görsellik katmakta...

daha sonra styleshets.css dosyamıza aşağıdaki kodu ekleyelim :

PHP Kod:

.progress-bar {
            background-color: #1a1a1a;
            height: 11px;
            padding: 3px;
            width: 150px;
            margin: 2px 0 2px 0;            
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            border-radius: 5px;
            -moz-box-shadow: 0 1px 5px #000 inset, 0 1px 0 #444;
            -webkit-box-shadow: 0 1px 5px #000 inset, 0 1px 0 #444;
            box-shadow: 0 1px 5px #000 inset, 0 1px 0 #444;           
        }
        
        .progress-bar span {
            display: inline-block;
            height: 100%;
            background-color: #777;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            border-radius: 3px;
            -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
            -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
            box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
            -webkit-transition: width .4s ease-in-out;
            -moz-transition: width .4s ease-in-out;
            -ms-transition: width .4s ease-in-out;
            -o-transition: width .4s ease-in-out;
            transition: width .4s ease-in-out;        
        }
        
        /*---------------------------*/            
        
        .blue span {
            background-color: #34c2e3;   
        }

        .red span {
              background-color: #FA6977;
              background-image: -webkit-gradient(linear, left top, left bottom, from(#FA6977), to(#fd9215));
              background-image: -webkit-linear-gradient(top, #FA6977, #fd9215);
              background-image: -moz-linear-gradient(top, #FA6977, #fd9215);
              background-image: -ms-linear-gradient(top, #FA6977, #fd9215);
              background-image: -o-linear-gradient(top, #FA6977, #fd9215);
              background-image: linear-gradient(top, #FA6977, #fd9215);  
        }    

           .orange span {
              background-color: #fecf23;
              background-image: -webkit-gradient(linear, left top, left bottom, from(#fecf23), to(#fd9215));
              background-image: -webkit-linear-gradient(top, #fecf23, #fd9215);
              background-image: -moz-linear-gradient(top, #fecf23, #fd9215);
              background-image: -ms-linear-gradient(top, #fecf23, #fd9215);
              background-image: -o-linear-gradient(top, #fecf23, #fd9215);
              background-image: linear-gradient(top, #fecf23, #fd9215);  
        }    
        .green span {
              background-color: #a5df41;
              background-image: -webkit-gradient(linear, left top, left bottom, from(#a5df41), to(#4ca916));
              background-image: -webkit-linear-gradient(top, #a5df41, #4ca916);
              background-image: -moz-linear-gradient(top, #a5df41, #4ca916);
              background-image: -ms-linear-gradient(top, #a5df41, #4ca916);
              background-image: -o-linear-gradient(top, #a5df41, #4ca916);
              background-image: linear-gradient(top, #a5df41, #4ca916);  
        }        
        
        /*---------------------------*/        
        
        .stripes span {
            -webkit-background-size: 30px 30px;
            -moz-background-size: 30px 30px;
            background-size: 30px 30px;            
            background-image: -webkit-gradient(linear, left top, right bottom,
                                color-stop(.25, rgba(255, 255, 255, .15)), color-stop(.25, transparent),
                                color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .15)),
                                color-stop(.75, rgba(255, 255, 255, .15)), color-stop(.75, transparent),
                                to(transparent));
            background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
                                transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
                                transparent 75%, transparent);
            background-image: -moz-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
                                transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
                                transparent 75%, transparent);
            background-image: -ms-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
                                transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
                                transparent 75%, transparent);
            background-image: -o-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
                                transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
                                transparent 75%, transparent);
            background-image: linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
                                transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
                                transparent 75%, transparent);            
            
            -webkit-animation: animate-stripes 3s linear infinite;
            -moz-animation: animate-stripes 3s linear infinite;               
        }
        
        @-webkit-keyframes animate-stripes { 
            0% {background-position: 0 0;} 100% {background-position: 60px 0;}
        }
        
        
        @-moz-keyframes animate-stripes {
            0% {background-position: 0 0;} 100% {background-position: 60px 0;}
        }
        
        /*---------------------------*/     

        .shine span {
            position: relative;
        }
        
        .shine span::after {
            content: '';
            opacity: 0;
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: #fff;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            border-radius: 3px;            
            
            -webkit-animation: animate-shine 2s ease-out infinite;
            -moz-animation: animate-shine 2s ease-out infinite;             
        }

        @-webkit-keyframes animate-shine { 
            0% {opacity: 0; width: 0;}
            50% {opacity: .5;}
            100% {opacity: 0; width: 95%;}
        }
        
        
        @-moz-keyframes animate-shine {
            0% {opacity: 0; width: 0;}
            50% {opacity: .5;}
            100% {opacity: 0; width: 95%;}
        }

        /*---------------------------*/     
        
        .glow span {
            -moz-box-shadow: 0 5px 5px rgba(255, 255, 255, .7) inset, 0 -5px 5px rgba(255, 255, 255, .7) inset;
            -webkit-box-shadow: 0 5px 5px rgba(255, 255, 255, .7) inset, 0 -5px 5px rgba(255, 255, 255, .7) inset;
            box-shadow: 0 5px 5px rgba(255, 255, 255, .7) inset, 0 -5px 5px rgba(255, 255, 255, .7) inset;
            
            -webkit-animation: animate-glow 1s ease-out infinite;
            -moz-animation: animate-glow 1s ease-out infinite;             
        }

        @-webkit-keyframes animate-glow {
         0% { -webkit-box-shadow: 0 5px 5px rgba(255, 255, 255, .7) inset, 0 -5px 5px rgba(255, 255, 255, .7) inset;} 
         50% { -webkit-box-shadow: 0 5px 5px rgba(255, 255, 255, .3) inset, 0 -5px 5px rgba(255, 255, 255, .3) inset;} 
         100% { -webkit-box-shadow: 0 5px 5px rgba(255, 255, 255, .7) inset, 0 -5px 5px rgba(255, 255, 255, .7) inset;}
         }

        @-moz-keyframes animate-glow {
         0% { -moz-box-shadow: 0 5px 5px rgba(255, 255, 255, .7) inset, 0 -5px 5px rgba(255, 255, 255, .7) inset;} 
         50% { -moz-box-shadow: 0 5px 5px rgba(255, 255, 255, .3) inset, 0 -5px 5px rgba(255, 255, 255, .3) inset;} 
         100% { -moz-box-shadow: 0 5px 5px rgba(255, 255, 255, .7) inset, 0 -5px 5px rgba(255, 255, 255, .7) inset;}
         } 

Dosyamızı Açalım : catalog/view/theme/senintema/template/product/ product.tpl

Bulalım :

PHP Kod:

<span><?php echo $text_stock; ?></span> <?php echo $stock; ?>

Altına Ekleyelim: / Yada Değiştiriniz Tercih Sizin Big Grin

PHP Kod:

<?php if ($units_sold) { ?>


            <tr>
              <td><b><?php echo $text_units_sold; ?></b></td>
              <td><?php echo $units_sold; ?><br/></td>
            
            </tr>
        <?php } ?>

   
  <?php if (( $units_sold <= 0 )) { ?>  
 
<?php echo $text_stock; ?> <div class="progress-bar green shine">  <span style="width: <?php echo (($stock / $stock))*100; ?>%"</span>
</div> 

 <?php } else { ?>
 <?php $toplam = ($units_sold / $stock-1)*-100;?>
      
     <?php if (( $toplam >=68 )) { ?>
     
 <?php echo $text_stock; ?> <div class="progress-bar green shine">  <span style="width: <?php echo (($units_sold/ $stock-1))*-100; ?>%"</span>
</div>

 <?php } else { ?>
 
 
  <?php $toplam = ($units_sold / $stock-1)*-100;?>
      <?php if (($toplam <=68 && $toplam >= 40 )) { ?>  
      
<?php echo $text_stock; ?> <div class="progress-bar blue shine">  <span style="width:<?php echo (($units_sold/ $stock-1))*-100; ?>%"</span>
</div>
 <?php } else { ?>
 
 <?php $toplam = ($units_sold / $stock-1)*-100;?>
     <?php if (( $toplam <=39  && $toplam >=20 )) { ?>      

     
     
 <br /><?php echo $text_stock; ?> <div class="progress-bar orange  shine">  <span style="width: <?php echo (($units_sold/ $stock-1))*-100; ?>%"></span>
</div>

<?php } else { ?>
   <?php $toplam = ($stock / $units_sold  )*100;?>
   <?php echo (($stock / $units_sold))*100; ?>
<?php if (( $toplam <19 && $toplam >0 )) { ?>  

 <br /><?php echo $text_stock; ?> <div class="progress-bar red  shine">  <span style="width:  <?php echo (($stock / $units_sold))*100; ?>%"></span>
</div>
<?php } ?><?php } ?><?php } ?><?php } ?><?php } ?>

nokta Tüm Mesajlarını Bul · Konu Tarihi: **02-10-2013 02:35 PM**

Emeklerine sağlık sevgili Kiroglu.

byduman Tüm Mesajlarını Bul · Konu Tarihi: **03-19-2013 03:29 AM**

Merhaba.

Öncelikle ellerine sağlık.
Stok konusu görmüşken sormadan geçemedim.
Bana lazım olan şey mutlaka bir çok kişininde işine yaracak birşeydir eğer sizin gibiüstadlar bir el atarsa iyi olur Smile

Stok miktarı adminin belirlediği adete veya daha aşağısına düşerse admine uyarı maili gitse?

Böyle bir modül vs. yapılabilirmi acaba?

Teşekkürler şimdiden.

z3s3 Tüm Mesajlarını Bul · Konu Tarihi: **03-24-2013 12:54 AM**

çok orjinal çok hoş bir paylaşım emeğinize sağlık ilanlara renk getiren bi özellik oldu...


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
	Stok	tolga35	0	1,007	01-06-2018 11:31 AM Son Mesaj: tolga35
	[Modifikasyon] Minimum Sipariş Miktarı Gereksinimi	e-ticaretdersleri	13	21,059	09-09-2016 12:51 PM Son Mesaj: ayhancan
	stok durumu	furkanyvz	0	2,067	06-10-2016 11:52 AM Son Mesaj: furkanyvz
	Kategorilerde Arama Sayfasında Stok Miktarın Gösterme	e-ticaretdersleri	6	5,600	06-10-2016 10:25 AM Son Mesaj: furkanyvz
	stok miktarı	selcukdal	1	2,048	12-31-2015 04:14 PM Son Mesaj: turkojen34
	Admin Panel Stok Miktarı Sabitleme	kan26	5	3,321	11-22-2015 10:05 PM Son Mesaj: demon
	[Modifikasyon] Raty Rating Jquery + Ajax Fixed 1/2	e-ticaretdersleri	3	3,177	06-13-2015 11:37 PM Son Mesaj: e-ticaretdersleri
	Stok Kayıt Satış Ve Takip Programı	e-ticaretdersleri	21	14,422	06-07-2015 02:11 AM Son Mesaj: e-ticaretdersleri
	[Modifikasyon] Opencart 1.5.x Kategorilerde Stok Fitresi - eka7a	e-ticaretdersleri	8	4,031	06-05-2015 10:50 AM Son Mesaj: e-ticaretdersleri
	[Modifikasyon] Opencart 2.0.1.1 Fixed Header Menu (Sabit Başlık Menü) yapımı	mustafaabanoz	2	4,077	05-25-2015 02:53 PM Son Mesaj: sakaryanotebook

	Şuanki Zaman: 12-19-2024, 02:21 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

Stok Miktarı Progressbar Fixed 1.1