pack modif

This commit is contained in:
Marion Muszynski 2015-09-29 11:21:12 +02:00
parent 36449b266d
commit 2b3210de36
3 changed files with 48 additions and 21 deletions

View File

@ -11,9 +11,9 @@ $(document).ready(function() {
}
}
});
if($('#layer_cart').hasClass('open') == false)
$('#layer_cart').addClass('open');
$('.layer_cart_overlay').show();
if($('#layer_cart_pack').hasClass('open') == false)
$('#layer_cart_pack').addClass('open');
$('.layer_cart_overlay_pack').show();
});
$('#add_pack_bottom').on('click', function(e){
@ -28,9 +28,25 @@ $(document).ready(function() {
}
}
});
if($('#layer_cart').hasClass('open') == false)
$('#layer_cart').addClass('open');
$('.layer_cart_overlay').show();
if($('#layer_cart_pack').hasClass('open') == false)
$('#layer_cart_pack').addClass('open');
$('.layer_cart_overlay_pack').show();
});
$('#layer_cart_pack .cross').on('click',function(){
if($('#layer_cart_pack').hasClass('open') == true)
$('#layer_cart_pack').removeClass('open');
$('.layer_cart_overlay_pack').hide();
});
$('.layer_cart_overlay_pack').on('click',function(){
if($('#layer_cart_pack').hasClass('open') == true)
$('#layer_cart_pack').removeClass('open');
$('.layer_cart_overlay_pack').hide();
});
$('#layer_cart_pack .continue.link').on('click',function(){
if($('#layer_cart_pack').hasClass('open') == true)
$('#layer_cart_pack').removeClass('open');
$('.layer_cart_overlay_pack').hide();
});
});

View File

@ -1,4 +1,4 @@
<div id="layer_cart" class="animated container lightbox_pack">
<div id="layer_cart_pack" class="animated container lightbox_pack">
<span class="cross" title="{l s='Close window' mod='cms_pack'}"><i class="icon"></i></span>
<div class="bg">
<div class="clearfix">
@ -20,4 +20,4 @@
</div>
</div>
</div>
<div class="layer_cart_overlay fancybox-overlay-fixed"></div>
<div class="layer_cart_overlay_pack fancybox-overlay-fixed"></div>

View File

@ -2451,7 +2451,8 @@ body .ac_results {
/*************************************************************************************************************
*************************************** POPUP PANIER *****************************************
**************************************************************************************************************/
.layer_cart_overlay {
.layer_cart_overlay,
.layer_cart_overlay_pack {
background: rgba(197, 197, 197, 0.9);
display: none;
height: 100%;
@ -2460,7 +2461,8 @@ body .ac_results {
width: 100%;
z-index: 999;
}
#layer_cart {
#layer_cart,
#layer_cart_pack {
display: none;
left: 50%;
margin: 0 0 0 -365px;
@ -2469,8 +2471,10 @@ body .ac_results {
width: 730px;
z-index: 3000;
}
#layer_cart.open{ display: block !important; }
#layer_cart .cross {
#layer_cart.open,
#layer_cart_pack.open{ display: block !important; }
#layer_cart .cross,
#layer_cart_pack .cross {
background: #e4535d;
cursor: pointer;
display: block;
@ -2483,7 +2487,8 @@ body .ac_results {
-webkit-border-radius: 0 5px 5px 0;
border-radius: 0 5px 5px 0;
}
#layer_cart .cross:after {
#layer_cart .cross:after,
#layer_cart_pack .cross:after{
color: #fff;
content: "X";
display: block;
@ -2496,24 +2501,28 @@ body .ac_results {
text-align: center;
width: 30px;
}
#layer_cart .bg {
#layer_cart .bg,
#layer_cart_pack .bg {
background: #fff;
overflow: hidden;
padding: 15px 15px 0 15px;
}
#layer_cart.lightbox_pack .bg{
#layer_cart_pack .bg{
padding: 15px 15px 15px 15px;
}
#layer_cart .layer_cart_product {
#layer_cart .layer_cart_product,
#layer_cart_pack .layer_cart_product {
margin-bottom: 25px;
}
#layer_cart.lightbox_pack .layer_cart_product p{
#layer_cart_pack .layer_cart_product p{
color: #e4535d;
}
#layer_cart .layer_cart_product .subtitle {
#layer_cart .layer_cart_product .subtitle,
#layer_cart_pack .layer_cart_product .subtitle {
padding-right: 60px;
}
#layer_cart .layer_cart_product .product-infos {
#layer_cart .layer_cart_product .product-infos,
#layer_cart_pack .layer_cart_product .product-infos {
background: #f0f0f0;
overflow: hidden;
padding: 15px 1px;
@ -2557,14 +2566,16 @@ body .ac_results {
top: 15px;
width: 60px;
}
#layer_cart .layer_cart_cart .button-container .continue {
#layer_cart .layer_cart_cart .button-container .continue,
#layer_cart_pack .layer_cart_cart .button-container .continue {
cursor: pointer;
float: left;
font-family: 'pt_sans';
font-size: 18px;
margin-top: 10px;
}
#layer_cart .layer_cart_cart .button-container .btn {
#layer_cart .layer_cart_cart .button-container .btn,
#layer_cart_pack .layer_cart_cart .button-container .btn {
float: right;
}
#layer_cart .crossseling {