Ürün İnceleme Datalist Listeleme Bootstrap - 1

Ürün İnceleme  Datalist Listeleme Bootstrap  - 1



<%@ Page Title="" Language="C#" MasterPageFile="~/MainPage.master" AutoEventWireup="true" CodeFile="coksatanlar.aspx.cs" Inherits="coksatanlar" %>

<asp:Content ID="Content1" ContentPlaceHolderID="mainhead" Runat="Server">
    <style type="text/css">
        .my-list img{
    width:100%;
    height:100%;
    min-height:233px;
}
.butondetay{
    margin-top:120px;
   
}

.my-list {
    width: 100%;
    padding: 10px;
    border: 1px solid #f5efef;
    float: left;
    margin: 15px 0;
    border-radius: 5px;
    text-align:center;
    box-shadow: 2px 3px 0px #e4d8d8;
    position:relative;
    overflow:hidden;
}

 .my-list span{float:left;font-weight: bold;}
 .my-list span:last-child{float:right;}
 .my-list .offer{
    width: 100%;
    float: left;
    margin: 5px 0;
    border-top: 1px solid #ccc4c4;
    margin-top: 5px;
    padding-top: 5px;
    color: #afadad;
    }
 .detail {
    position: absolute;
    top: -120%;
    left: 0;
    text-align: center;
    border:5px solid;
    border-color:#d41137;
    opacity: 1;
    height: 100%;
    width:100%;
 
}
 
.my-list:hover .detail{top:0;
  
}
    </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
 <div style="background-color:white" class="container">
   

   
     <asp:DataList ID="DataList1" runat="server" RepeatLayout="Flow" RepeatDirection="Horizontal" DataSourceID="SqlDataSource1">
       
          <ItemTemplate>

               <div class=" col-xs-12 col-sm-4 col-md-3 col-lg-3">
 
   
  <div class="my-list">
   <img src="images/urunler/<%# Eval("kod_ref") %>.jpg"  />
        <hr/>
      <span style="background-color:#d41137;padding:5px;border:1px solid ; border-color:silver;color:white;border-radius:200px;margin-top:-10px"><i class="fa fa-cubes"> &nbsp <asp:Label Font-Size="Large" ID="saLabel" runat="server" Text=' <%# Eval("sa") %>' /> </i></span>
   <span style="color:green" class="pull-right">STK : <asp:Label ID="Label1" runat="server" Text='<%# Eval("kod_ref") %>' /></span>
   <div style="color:black;font-weight:bold;height:40px" class="offer"><asp:Label ID="Label2" runat="server" Text='<%# Eval("urunadi") %>' /></div>
   <div class="detail">
 
   <a href="urunincele.aspx?id=<%# Eval("kod_ref") %>" class="btn btn-info butondetay"><i class="fa fa-eye fa-2x"></i></a>
   </div>
  </div>
      
  
           </div>


         </ItemTemplate>
    
     </asp:DataList>
        
       
     <asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:urunCS %>" SelectCommand="SELECT DISTINCT TOP 100
      t.[kod_ref]
      ,t.[urunadi]
      ,t.[fiyat]
     ,(select Count(*) [kod_ref] from [CAGLAYAN_WEB].[dbo].[siparis] where kod_ref = t.kod_ref) as sa
  FROM [CAGLAYAN_WEB].[dbo].[siparis]  t order by sa desc"></asp:SqlDataSource>
        
       
 </div>
     
</asp:Content>