Настройки поиска (Страница 104 из 104)

{addjs file="history.min.js" basepath="common"}
{addjs file="{$mod_js}jquery.filter.js" basepath="root"}
{*Подгружаем цвета*}
{modulegetvars name="\Colors\Controller\BlockValues" var="colors"}
{*Подгружаем цвета*}
<form method="GET" class="filters" action="{urlmake f=null bfilter=null p=null}">
    <div class="side-left">
        <div class="overlay"></div>
        <div class="properties" data-base-url="{urlmake f=null p=null}">
        {foreach from=$prop_list item=item}
            {foreach from=$item.properties item=prop}
                {if $prop.title == 'Цвет'}
                    <div class="block block-colors" data-filter-id="{$prop.id}">
                        <div class="separator-text">ЦВЕТ</div>
                        <div class="separator">&nbsp;</div>
                        <ul>
                            {foreach from=$prop->getAllowedValues() key=key item=value}
                                <li {if isset($filters[$prop.id]) && in_array($value, $filters[$prop.id])}class="checked"{/if} data-filter-value="{$value}">
                                    <div class="selected"></div>                            
                                    <a href="?f[{$prop.id}][]={$value}" class="filter color{if $value=='Разноцвет'} multicolor{/if}" style="background-color:{$colors.colors[$value].color}" title="{$value}"></a>
                                    <input type="checkbox" {if is_array($filters[$prop.id]) && in_array($value, $filters[$prop.id])}checked{/if} name="f[{$prop.id}][]" value="{$value}" style="display:none;"/>
                                </li>
                            {/foreach}
                        </ul>
                    </div>
                {else}
                    <div class="block block-select" data-filter-id="{$prop.id}">
                        <div class="separator-text">{$prop.title}</div>
                        <div class="separator">&nbsp;</div>
                        <ul>
                            {assign var=prop_values value=$prop->getAllowedValues()}
                            {if $prop.title=='Скидка %' && $prop_values}
                                {php}unset($prop_values[0]);{/php}
                            {/if}
                            {foreach from=$prop_values key=key item=value name=i}
                                {if !($prop.title=='Скидка %' && $value==0)}
                                    <li {if isset($filters[$prop.id]) && in_array($value, $filters[$prop.id])}class="checked"{/if} data-filter-value="{$value}">
                                        <a class="filter checkbox" href="?f[{$prop.id}][]={$value}">{$value}</a>
                                        <input type="checkbox" {if is_array($filters[$prop.id]) && in_array($value, $filters[$prop.id])}checked{/if} name="f[{$prop.id}][]" value="{$value}" style="display:none;"/>
                                    </li>
                                {/if}
                            {/foreach}
                        </ul>
                    </div>            
                {/if}
            {/foreach}
        {/foreach}  
        <input type="submit" value="Применить" class="onemore submitFilter" style="display:none;">
        </div>
    </div>
</form>

<script>
$(function() {
    
    $(function() {
        $('.side-left').productFilter({
            targetList : '.updatable' //Div в который будет обновлён
        });
    });
    
    $(window).bind('new-content', function() {
        $('.side-left .overlay').hide();
    });    
    
    $('.filter').on('click',function() {
        var wrap = $(this).closest('li');
        $(wrap).toggleClass('checked');
        if ($(wrap).hasClass('checked')){
           $('input',wrap).prop('checked',true).change();  
        }else{
           $('input',wrap).prop('checked',false).change();  
        }
        
        return false;
    });
});
</script>

.block-colors ul .selected {
    border: 2px solid #dd0080;
    bottom: -2px;
    display: none;
    left: -4px;
    position: absolute;
    right: -2px;
    top: -4px;
}
.block-colors ul .checked .selected {
    display: block;
}

.block-colors ul {
    list-style: none outside none;
    margin: 0 18px;
    overflow: hidden;
    padding: 0;
}
.block-colors ul li {
    background: none repeat scroll 0 0 #ececec;
    float: left;
    height: 24px;
    margin: 5px;
    position: relative;
    width: 24px;
}
.block-colors ul .selected {
    border: 2px solid #dd0080;
    bottom: -2px;
    display: none;
    left: -4px;
    position: absolute;
    right: -2px;
    top: -4px;
}
.block-colors ul .checked .selected {
    display: block;
}
.block-colors ul li a {
    box-shadow: 0 0 3px silver;
    left: -1px;
    position: relative;
    top: -1px;
}