Файл: Luxe-Shop v6.0/application/views/templates/Mac_3.2/items/items2.php
Строк: 185
<script>
$(function(){
$('li.layer').click(function(){
cid = $(this).data("catId")
$('li.act').removeClass('act')
$(this).addClass("act")
console.log(cid)
$.get('/', {'ajax': 1, 'cat_id': cid}, function(data){
$('div.layer').html(data)
console.log("Data recived")
})
})
})
</script>
<aside id="side-center" style="margin-top: -20px;">
<div class="layer">
<aside id="cntrside">
<div class="content-item">
<? if(count($items)): foreach($items as $item): ?>
<div class="c-item" <? if(0 == config_item('item_show')) { if($item->count != 0) echo ''; else echo 'style="display:none;"';}?>>
<div class="c-img">
<a href="/goods/<? echo $item->id;?>" class="layer">
<div class="c-coast">
<? echo round($item->price_rub*100)/100;?><i>руб.</i> </div>
</a>
<div class="shadow"></div>
<? echo empty($item->iconurl) ? '' : '<img alt="'.$item->name.'" src="'.$item->iconurl.'" />'; ?>
</div>
<div class="c-title">
<a href="/goods/<? echo $item->id;?>"><? echo $item->name; ?></a>
</div>
</div>
<? endforeach; ?>
<? else: ?>
Товаров пока нет...Приходите позже!
<? endif; ?>
</div>
</aside></div> </aside>
<style>
span.layer{
cursor: pointer;
border-radius: 3px;
margin-top: 10px;
-moz-border-radius: 7px 7px 0 0;
background-color: whitesmoke;
padding: 4px;
font-size: 14px;
line-height: 18px;
display: inline-block;
text-align: center;
text-indent: 0;
width: 90px;
}
span.act{
background-color:rgb(180,180,180);
font-weight: bold;
}
DIV.layer{
width:99%;
background-color:transparent;
line-height:20px;
}
DIV.layer P{
padding:10px 20px;
}
DIV.act{
display:block
}
.table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td{border-color:#ffffff;}
.table-bordered{
background-color:whitesmoke;
background-image:url();
border-color:#ffffff;
color:black;
font-size:px;
font-family:;
background-size:contain;
background-attachment: fixed;
}
.container .row
{
background-image:url();
}
.modgl {
border-bottom: 1px dotted #0077AA;
cursor: help;
}
.modgl::after {
background: rgba(0, 0, 0, 0.8);
border-radius: 8px 8px 8px 8px;
box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
color: #FFF;
opacity: 0;
padding: 3px 7px;
position: absolute;
visibility: hidden;
transition: all 0.4s ease-in-out;
}
.modgl:hover::after {
opacity: 1; /* Показываем его */
visibility: visible;
}
.btnbuy {
margin-top: -42px;
margin-left: 367px;
}
.hnomarg {
margin-top: 0px!important;
margin: 0 0 9px;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 13px;
line-height: 18px;
width: 134px;
}
@font-face { font-family: "Rubl Sign"; src: url(http://www.artlebedev.ru/;-)/ruble.eot); }
span.rur { font-family: "Rubl Sign"; text-transform: uppercase; // text-transform: none;}
span.rur span { position: absolute; overflow: hidden; width: .45em; height: 1em; margin: .1ex 0 0 -.55em; // display: none; }
span.rur span:before { content: '2013'; }
.iconurl {
max-width:333px;
max-height:inherit;
margin-right:3px;
}
.paytable{
width:100%;
color:green;
}
.footcopy {
display:block;
text-align:center;
font-size:11px;
}
.foot {
margin-top:20px;
}
#easyTooltip{
padding:5px 10px;
background:#195fa4 url(bg.gif) repeat-x;
color:#fff;
background: rgba(0, 0, 0, 0.8);
border-radius: 8px 8px 8px 8px;
}
.c-item{float:left;display:block;width:32%;height:119px;margin-right:10.5px;margin-bottom:12px;overflow:hidden;border-bottom:1px solid #d7e0e5;background-color:#e9eff2;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;}.c-item:nth-child(3n){margin-right:0 !important;}.c-item .c-img{width:178px;height:86px;overflow:hidden;position:relative;}.c-item .c-img .shadow{width:100%;height:10px;position:absolute;z-index:110;bottom:0;}.c-item .c-img img{width:178px;height:86px;display:block;}.c-item .c-img .layer{position:absolute;width:100%;height:100%;padding:6px;z-index:100;color:#fff;}.c-item .c-img .layer .c-coast,.c-item .c-img .layer .c-sale,.o-item .c-img .layer .c-coast,.o-item .c-img .layer .c-sale{height:25px;line-height:25px;padding:0 8px;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;background-color: <? echo config_item('Mac_3_2_color_price'); ?>;float:left;color: #FFF;cursor:default;}.c-item .c-img .layer .c-sale,.o-item .c-img .layer .c-sale{background-color:#6eb521;margin-top:6px;clear:both;margin-left:-100%;}.c-item .c-img .layer:hover .c-sale,.o-item .c-img .layer:hover .c-sale{margin-left:0;}.c-item .c-title,.o-item .c-title{height:32px;display:block;padding:0 13px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:185px;line-height:32px;}.c-item .c-title a,.o-item .c-title a{padding-left:13px;line-height:16px;height:16px;}.c-item .c-title:hover a,.o-item .c-title:hover a{text-shadow: 0 0 2px black;}.c-item.list,.o-item{float:none!important;display:block;width:100%!important;height:39px;margin:0;padding:7px 7px 6px 13px;border:none;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}.o-item{background-color:#e9eff2;margin-bottom:10px;}.ordr{font-family:'Open Sans';font-size:16px;color:#338fca;}.c-item.list:nth-child(2n){background-color:#f7f7f7;}.c-item.list .c-img img,.c-item.list .c-img .shadow{display:none;}.c-item.list .c-title,.o-item .c-title{line-height:26px;max-width:320px;}.c-item.list .c-img,.o-item .c-img{width:auto;height:auto;float:right;}.c-item.list .c-img .layer,.o-item .c-img .layer{position:relative;padding:0;}.c-item.list .c-img .layer .c-coast,.c-item.list .c-img .layer .c-sale,.o-item .c-img .layer .c-coast,.o-item .c-img .layer .c-sale{float:right;}.c-item.list .c-img .layer .c-sale,.o-item .c-img .layer .c-sale{margin-top:0;margin-right:7px;margin-left:0;clear:none;-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none;}
</style>