Koton’ da beğendiğiniz ürün mağaza stoklarında yoksa?

Geçenlerde eşimle bir alışveriş merkezindeki Koton mağazasını gezerken eşim bir elbise beğendi fakat bedeni mağazada yok. Mağaza personelleri genelde yoğun olduklarından yada sistemleri bilgi vermede yavaş çalıştığından eşim çalışanlardan bilgi isteme konusunda çekiniyor.

Hemen Koton’un sitesine baktım burada stokta olabilecek mağazalar gösteriyor fakat işlemi daha kısa nasıl yapabiliriz diye düşünürken basit bir uygulama yazdım.

Şuan için sistemi sadece İstanbul için aktif ettim fakat diğer şehirlere de aktif etmek oldukça kolay.

Yapmanız gereken sadece ürünün kodunu aşağıdaki linkteki kutuya yazmak ve enter’ a basmak, sonrasında aradığınız ürünün İstanbul içerisinde hangi mağazalarda hangi bedenlerinden stoklarının bulunduğunu takip edebilirsiniz.

Bu uygulamanın kaynak kodunu da aşağıda sizlerle paylaşıyorum.
Aslında bu uygulama yaklaşık 200 TL lik bir maliyetle(Raspberry Pi, Monitor, Barkod Okuyucu) tüm mağazalara yerleştirilebilir, biz müşteriler olarak aradığımız ürünün bedenlerinin hangi mağazalarda olduğunu personeli yormadan zaman kaybettirmeden görebiliriz.

https://baris.gurenc.com/koton.php

 

<?php error_reporting(0);
?>
<style>
    
    body {
  background: #efefef;
}

.tg  {border-collapse:collapse;border-spacing:0;}
.tg td{font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;}
.tg th{font-family:Arial, sans-serif;font-size:14px;font-weight:normal;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;}
.tg .tg-yw4l{vertical-align:top}

</style>
   <script async defer
      src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDMaPY4zO7FRHUozUv-T1_ejimx5mi6kk0&callback=initMap">
    </script>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<!DOCTYPE html><html lang='en' class=''>
<head>

<link rel='stylesheet prefetch' href='//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css'><link rel='stylesheet prefetch' href='https://cdn.rawgit.com/azadcreative/gmapify/master/css/gmapify.css'>
<style class="cp-pen-styles">body {
  background: #efefef;
}</style></head><body>
<div class="container-fluid">
       
<div class="row">
      
<img style="margin-left:30px;margin-top:10px;" src="https://img-kotonw.mncdn.com/static/images/9390455750686/koton-logo.png"><hr>
  <form style="margin-left:30px;" name="urunarama" action="koton.php" method="get">
    
    Ürün Kodu : <input type="text" name="urunkodu" id="urunkodu"> (örn : 8YAL96757JK906) <br>
    <button>ARA!</button>
    
</form>

<div id="map">


	<div class="col-xs-4" id="map-meta">
	 
	
		<div id="organisation-name" itemprop="branchOf" itemscope itemtype="http://schema.org/Organization">


		<ul class="nav nav-pills nav-stacked" role="tablist">
		    
		    
		    
		    <?php

$urunkodu=$_GET["urunkodu"];
$jsondata = file_get_contents("https://service.koton.com.tr/ECM_StockStore/api/storestock/?optioncode=$urunkodu");
 
$array = json_decode($jsondata,true);
 
foreach($array as $k=>$val):
    $keys = array_keys($val);
    foreach($keys as $key):
      if(  $val[$key]["City"]=="İstanbul") {

        
        echo '
        
        <li  itemprop="location" itemscope itemtype="http://schema.org/LocalBusiness" itemref="organisation-name">
				<a href="javascript:;" role="tab" data-toggle="tab">
					<span class="name" itemprop="name">'.$val[$key]["StoreName"].'</span>
					<div itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
						<span itemprop="streetAddress">'.$val[$key]["Address"].'</span>
						<span itemprop="description" id="olculer">';
						
	echo '<center><table class="tg">';


						
						foreach($val[$key]["Sizes"] as $v=>$kal):
    $keyss = array_keys($kal);




echo '<tr>';
   echo ' <td class="tg-yw4l" style="font-weight:bold;">'.$val[$key]["Sizes"][$v]["Size"].' Beden </td>';
   echo ' <td class="tg-yw4l">'.$val[$key]["Sizes"][$v]["Stock"].' Adet</td>';
 echo '</tr>';

endforeach;

						echo '</table></center>';
					echo	'</span>
							
					
					</div>

				
				</a>

			    <div class="location">
			      <span itemprop="geo" itemscope itemtype="http://schema.org/GeoCoordinates">
			        <span property="latitude" content="'.$val[$key]["Latitude"].'"></span>
			        <span property="longitude" content="'.$val[$key]["Longitude"].'"></span>
			      </span>
			    </div>
			</li>';


}
        
    endforeach;
endforeach;


?>
		    
		    


		
		</ul>
		</div>
	</div>

<div>
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false" type="text/javascript"></script>
	<div id="map-canvas"></div>
</div>
</div>
<script src='//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script><script src='https://cdn.rawgit.com/azadcreative/gmapify/master/dist/jquery.gmapify.min.js'></script>
<script >$(function() {

  $('body').gmapify({
    canvas: "#map-canvas",
    datasource: "#organisation-name",
    dataitems: 'li',
    zoom: 74,
    scrollwheel: false
  });
  
});

var toggleSlide = function(){
  $("#organisation-name li.active").removeClass()
     .next().add("#organisation-name li:first").last().addClass("active");
  $("#organisation-name li.active a").trigger('click');

}
setInterval(toggleSlide, 3000);
</script>
</body></html>

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir