antadis/versionecologique
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

blocklayered avancement

Browse Source
This commit is contained in:
Rémy 2017-06-28 12:27:35 +02:00
parent 401367300a
commit 801beda969
3 changed files with 50 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
www/themes/versionecologique/css/global.css
View File

@ -2152,7 +2152,7 @@ body.content_only { margin: 0 }
margin-top: -1px;
}
#category .listing-filters #layered_block_left .sousbloc-filters { background:#333; position: absolute; left:0; right:0; z-index:2;}
#category .listing-filters #layered_block_left [id^="ul_layered_id"] { padding:31px 10px;}
#category .listing-filters #layered_block_left [id^="ul_layered_id"] { padding:28px 10px;}
#category .listing-filters #layered_block_left [id^="ul_layered_id"] > li {
background: #fff;
border-radius: 100px;
@ -2161,7 +2161,7 @@ body.content_only { margin: 0 }
float: left;
font-size: 13px;
padding: 8px 12px 9px 5px;
border:2px solid transparent;
border:3px solid transparent;
}
#category .listing-filters #layered_block_left [id^="ul_layered_id"] > li > * {
cursor:pointer;
@ -2175,9 +2175,9 @@ body.content_only { margin: 0 }
padding: 8px 40px 8px 15px;
position: relative;
}
#category .listing-filters #layered_block_left [id^="ul_layered_id"] > li.actif {
border-color: #6ac37f;
}
#category .listing-filters #layered_block_left [id^="ul_layered_id"] > li.actif { border-color: #6ac37f; }
#category .listing-filters #layered_block_left [id^="ul_layered_id"] > li.unavailable,
#category .listing-filters #layered_block_left [id^="ul_layered_id"] > li.unavailable > * { opacity:.5; cursor:default;}
#category .listing-filters #layered_block_left [id^="ul_layered_id"] > li + li { margin-left:10px;}
#category .listing-filters #layered_block_left [id^="ul_layered_id"] > li .color-option {
border: 0;
@ -2192,6 +2192,10 @@ body.content_only { margin: 0 }
-webkit-transform: translateY(-50%);
width: 19px;
}
#category .listing-filters #layered_block_left [id^="ul_layered_id"] > li .color-option#layered_id_attribute_group_7,
#category .listing-filters #layered_block_left [id^="ul_layered_id"] > li .color-option#layered_id_attribute_group_8 {
border:1px solid #e9e9e9 !important;
}
/*====== Bouton "Coup de coeur" ======*/
@ -2279,6 +2283,32 @@ body.content_only { margin: 0 }
#category .categories-list .category-item-ctn { height: 273px; }
#category .categories-list .category-item .category-item-img-ctn img { height:140px; }
#category .favorites-list .products-list .inner { width:100%;}
/***** BLOC FILTRES ******/
#category .listing-filters {
box-shadow: -720px 0 0 0 rgba(0, 0, 0, 0.5);
height: 100%;
position: fixed;
right: 0;
top: 0;
width: 75%;
z-index: 1000;
}
#category .listing-filters #layered_block_left .filters-bloc {
display:block;
float:none;
}
#category .listing-filters #layered_block_left .layered_subtitle {
display:block;
}
#category .listing-filters #layered_block_left .layered_close a i {
margin-top:1px;
position: absolute;
right:20px;
}
#category .listing-filters #layered_block_left .sousbloc-filters {
position:relative;
}
}
@media (max-width: 767px) {
#category .favorites-list .product-ctn.cols { margin:0; padding: 15px 15px 0;}

11
www/themes/versionecologique/js/modules/blocklayered/blocklayered.js
View File

@ -328,7 +328,11 @@ function openCloseFilter()
$(this).parent().addClass('closed');
}
$(".layered_subtitle").hasClass('opened-filter') ? $(".listing-filters").addClass('opened-filter') : $(".listing-filters").removeClass('opened-filter');
e.preventDefault();
$("#layered_form label[class='disabled']").parent().addClass("unavailable");
$("#layered_form input[type=checkbox]:checked").parent().addClass("actif");
$("#layered_form input.color-option.on").parent().addClass("actif");
e.preventDefault();
});
}
@ -522,8 +526,9 @@ function reloadContent(params_plus)
});
window.location = current_friendly_url;
lockLocationChecking = true;
$("#layered_form input[type=checkbox]").is(":checked") ? $(this).parent().addClass("actif") : $(this).parent().removeClass("actif");
$('body, html').animate({ 'scrollTop' : $('.products .product-anchor').offset().top}, 500);
// $('body, html').animate({ 'scrollTop' : $('.products-list').offset().top}, 500);
$(".listing-filters").removeClass('opened-filter');
$('.hide-action').each(function() {
hideFilterValueAction(this);

12
www/themes/versionecologique/modules/blocklayered/blocklayered.tpl
View File

@ -171,11 +171,13 @@
<input type="hidden" name="id_category_layered" value="{$id_category_layered}" />
{foreach from=$filters item=filter}
{if $filter.type_lite == 'id_attribute_group' && isset($filter.is_color_group) && $filter.is_color_group && $filter.filter_type != 2}
{foreach from=$filter.values key=id_value item=value}
{if isset($value.checked)}
<input type="hidden" name="layered_id_attribute_group_{$id_value}" value="{$id_value}_{$filter.id_key}" />
{/if}
{/foreach}
<div class="bloc-input-colors">
{foreach from=$filter.values key=id_value item=value}
{if isset($value.checked)}
<input type="hidden" name="layered_id_attribute_group_{$id_value}" value="{$id_value}_{$filter.id_key}" />
{/if}
{/foreach}
</div>
{/if}
{/foreach}
</form>