[Помогите] filter pro

cherkas · 20 май 2014

Здравствуйте, кто знает, помогите со следующей проблемой.

Окно фильтра делиться на две части, это название параметра по которому фильтруется (<div class="option_name">) и соответственно список параметров (<div class="collapsible" style="display: block;">)

при нажатии мышкой на название параметра, либо при выборе любого из параметров происходит сворачивание списка, т.е. меняются классы на:
<div class="option_name hided">
и
<div class="collapsible" style="display: none;">

Подскажите как сделать так, что бы классы менялись только при нажатии на название параметра, а при выборе параметра из списка не менялись.

3AHO3A · 20 май 2014

у меня фильтерПро нет и не пользователся им, но скорее всего что тебе надо редактировать js файл, там должно быть указано типа
Код:
$('.filter').onclick()
где .filter это класс блока, ты берешь и вместо него, ставишь тот клас по клику на котором будет меняться...
это все примерно, так как у меня фильтерПро нет

cherkas · 21 май 2014

Спойлер js

Код:

var fIID = 0;
var interval = 1;
var $cookie = function(){};
var container = ".product-{view}";
jQuery.fn.exists = function(){return this.length > 0;}
/**
* fixs for IE
*/
if (!Array.prototype.indexOf) {
    Array.prototype.indexOf = function(obj, start) {
        for (var i = (start || 0), j = this.length; i < j; i++) {
            if (this[i] === obj) {
                return i;
            }
        }
        return -1;
    }
}

function escapeHtml(text) {
  return text
      .replace(/&/g, "&amp;")
      .replace(/</g, "&lt;")
      .replace(/>/g, "&gt;")
      .replace(/"/g, "&quot;");
}

String.prototype.hashCode = function(){
    var hash = 0, i, ch;
    if (this.length == 0) return hash;
    for (i = 0; i < this.length; i++) {
        ch = this.charCodeAt(i);
        hash = ((hash<<5)-hash)+ch;
        hash = hash & hash; // Convert to 32bit integer
    }
    return hash;
};

var tag_tmpl = $.template(null, '<tr><td><input id="tag_${tag}" class="filtered" type="checkbox" name="tags[]" value="${tag}" {{if checked}} checked="checked" {{/if}}></td>' +
    '<td><label for="tag_${tag}">${name}</label></td></tr>');
var cat_tmpl = $.template(null, '<tr><td><input id="cat_${category_id}" class="filtered" type="checkbox" name="categories[]" value="${category_id}" {{if checked}} checked="checked" {{/if}}></td>'+
                '<td><label for="cat_${category_id}">${name}</label></td></tr>');
$(".price_limit").live("change", (function () {
    var b = parseInt($("#min_price").val());
    var a = parseInt($("#max_price").val());
    $("#slider-range").slider("values", [b, a]);
    iF()
}));
function synchronizeImgCheckboxes() {
    $("#filterpro input.filtered[type=\"checkbox\"]").each(function() {
        var $img = $(this).next('img');
        if ($img.exists()) {
            if ($(this).is(":checked")) {
                $img.addClass("selected");
            } else {
                $img.removeClass("selected");
            }
        }
    });
}
$("#filterpro .filtered").live("change", (function () {
    iF();
    $(this).parents(".option_box").find(".option_name").trigger('click');
}));
$(function () {
    $("#slider-range").slider({range:true, min:0, max:0, values:[0, 0], stop:function (a, b) {
        iF();
        $(this).parents(".option_box").find(".option_name").trigger('click');
    }, slide:function (a, b) {
        $("#min_price").val(b.values[0]);
        $("#max_price").val(b.values[1])
    }});
    $("#min_price").val($("#slider-range").slider("values", 0));
    $("#max_price").val($("#slider-range").slider("values", 1))
});
function iF() {
    clearTimeout(fIID);
    $("#filterpro_page").val(1);
    fIID = setTimeout("doFilter(false)", interval)
}

function success(g, b) {
    var cont = getCont();

    if (g.result_html) {
        if(g.result_html.list && g.result_html.grid){
            $(".product-list").html(g.result_html.list);
            $(".product-grid").html(g.result_html.grid);
        } else {
            $(cont).html(g.result_html);
        }
        if (typeof(display) != "undefined") {
            if ($cookie) { var view = $cookie("display"); }
            if (!view) { view = "grid"; }
            display(view ? view : "grid");
        }
        afterload();
    }
    if (g.pagination){
        $(".pagination").html(g.pagination);
    }
    if (b && g.min_price == g.max_price) {
        $('.price_slider').parent().hide();
    }
    var d = parseInt(g.min_price);
    var c = Math.ceil(parseFloat(g.max_price));
    if (b) {
        $("#slider-range").slider("option", {min:d, max:c});
        if ($("#max_price").val() >= 1) {
            d = parseInt($("#min_price").val());
            c = parseInt($("#max_price").val())
        }
        $("#slider-range").slider("option", {values:[d, c]});
        $("#min_price").val(d);
        $("#max_price").val(c)
    }
    if (g.totals_data) {
        if (g.totals_data.tags.length) {
            $('#filter_tags').html('');
            $.tmpl(tag_tmpl, g.totals_data.tags).appendTo('#filter_tags');
            $('#filter_tags').parents('.option_box').show();
        } else {
            $('#filter_tags').parents('.option_box').hide();
        }

        $('#filter_categories').html('');
        if (g.totals_data.categories.length) {
            $.tmpl(cat_tmpl, g.totals_data.categories).appendTo('#filter_categories');
            $('#filter_categories').parents('.option_box').show();
        } else {
            $('#filter_categories').parents('.option_box').hide();
        }

        var atts = {};
        $.each(g.totals_data.attributes, function(k, v) {
            atts[(v.id + "_" + v.text).replace(/\s/g, '_')] = v.t;
        });

        $('.a_name').each(function (k, v) {
            var at_v_i = $(v).attr('at_v_i').replace(/\s/g, '_');
            var at_v_i_e = escapeHtml(at_v_i);
            if (atts[at_v_i]) {
                $('[at_v_t="' + at_v_i_e + '"]').text($('[at_v_t="' + at_v_i_e + '"]').attr('data-value') + " (" + atts[at_v_i] + ")");
                $(v).removeAttr("disabled");
            } else {
                $('[at_v_t="' + at_v_i_e + '"]').text($('[at_v_t="' + at_v_i_e + '"]').attr('data-value'));
                $(v).attr("disabled", "disabled");
                $(v).removeAttr('checked');
                $(v).removeAttr(':selected');
            }
        });

        var h = [];
        $.each(g.totals_data.manufacturers, function (f, k) {
            if (k.id) {
                h[h.length] = k.id;
                var j = $("#manufacturer_" + k.id);
                if (j.length == 0) {
                    return;
                }
                j.removeAttr("disabled");
                if (j.get(0).tagName == "OPTION") {
                    j.text($("#m_" + k.id).val() + " (" + k.t + ")")
                } else {
                    $('label[for="manufacturer_' + k.id + '"]').text($("#m_" + k.id).val() + " (" + k.t + ")")
                }
            }
        });
        $(".manufacturer_value").each(function (f, k) {
            var j = $(this);
            var l = j.attr("id").match(/manufacturer_(\d+)/);
            if ($.inArray(l[1], h) < 0) {
                j.attr("disabled", "disabled");
                if (this.tagName == "OPTION") {
                    j.text($("#m_" + l[1]).val());
                    j.prop("selected", false)
                } else {
                    $('label[for="manufacturer_' + l[1] + '"]').text($("#m_" + l[1]).val());
                    j.prop("checked", false)
                }
            }
        });
        var e = [];
        $.each(g.totals_data.options, function (j, k) {
            if (k.id) {
                e[e.length] = k.id;
                var f = $("#option_value_" + k.id);
                if (f.exists()) {
                    f.removeAttr("disabled");
                    if (f.get(0).tagName == "OPTION") {
                        f.text($("#o_" + k.id).val() + " (" + k.t + ")")
                    } else {
                        $('label[for="option_value_' + k.id + '"]').text($("#o_" + k.id).val() + " (" + k.t + ")")
                    }
                }
            }
        });
        $(".option_value").each(function (j, k) {
            var f = $(this);
            var l = f.attr("id").match(/option_value_(\d+)/);
            if ($.inArray(l[1], e) < 0) {
                f.attr("disabled", "disabled");
                if (this.tagName == "OPTION") {
                    f.text($("#o_" + l[1]).val());
                    f.attr("selected", false)
                } else {
                    $('label[for="option_value_' + l[1] + '"]').text($("#o_" + l[1]).val());
                    f.attr("checked", false)
                }
            }
        })
    }
}
function getCont(){
    if ($cookie){
        var view = $cookie("display");
    }
    if (!view) {view = "grid";}
    var cont = container.replace('{view}', view);
    if (!$(cont).exists()){
        cont = container.replace('{view}', 'grid');
    }
    return cont;
}

var cache = [];
function doFilter(b) {

    var a = $("#filterpro").serialize().replace(/[^&]+=\.?(?:&|$)/g, "").replace(/&+$/, "");
    if (!b) {
        window.location.hash = a
    }
    var h = a.hashCode();
    if (cache[h]){
        success(cache[h]);
    } else {
        var cont = getCont();
       // $(cont).mask();
       // $(".filterpro").mask();

        $.ajax({url:"index.php?route=module/filterpro/getproducts", type:"POST", data:a + (b ? "&getPriceLimits=true" : ""), dataType:"json",
            success:function (g) {
                success(g, b);
                cache[h] = g;
                var cont = getCont();
               // $(cont).unmask();
                //$(".filterpro").unmask();
            },
            error:function(jqXHR, textStatus, errorThrown) {
                var cont = getCont();
                //$(cont).loadunmask();
                //$(".filterpro").loadunmask();
            }
        });
    }
}
$(document).ready(function () {
    if ($('#filterpro_container').exists()){
        container = $('#filterpro_container').val();
    }

    if ($.totalStorage != undefined && $.totalStorage('display') != null) {
        $cookie = $.totalStorage;
    } else if ($.cookie != undefined && $.cookie('display') != null) {
        $cookie = $.cookie;
    }

    $(".option_box .option_name").click(function () {
        $(this).siblings(".collapsible").toggle();
        $(this).toggleClass("hided")
    });
    $(".option_box .attribute_group_name").click(function () {
        $(this).siblings(".attribute_box").toggle();
        $(this).toggleClass("hided")
    });
    $(".clear_filter").click(function () {
        $("#filterpro img").removeClass("selected");
        $("#filterpro select").val("");
        $("#filterpro :input").each(function () {
            if ($(this).is(":checked")) {
                $(this).attr("checked", false)
            }
        });
        var b = $("#slider-range").slider("option", "min");
        var a = $("#slider-range").slider("option", "max");
        $("#slider-range").slider("option", {values:[b, a]});
        $("#min_price").val(b);
        $("#max_price").val(a);
    $("div[id^=slider-range-]").each(function(index, element) {
        var id = this.id.replace(/[^\d]/g, '');

        var b = $(element).slider("option", "min");
        var a = $(element).slider("option", "max");
       
        hs = $(element).slider();
        hs.slider("option", {values:[b, a]});
        hs.slider("option","slide").call(hs, null, { handle: $(".ui-slider-handle", hs), values:[b, a] });

        $("#attribute_value_"+id+"_min").val('');
        $("#attribute_value_"+id+"_max").val('');

    });
        iF()
    });
    $(".pagination a").live("click", (function () {
        var a = $(this).attr("href");
        var b = a.match(/page=(\d+)/);
        $("#filterpro_page").val(b[1]);
        doFilter(false);
        var cont = getCont();
        $('html, body').animate({ scrollTop: $(cont).offset().top }, 'slow');
        return false;
    }));

    if($(".product-filter .sort select").exists()){
        $(".product-filter .sort select").get(0).onchange = null;
        $(".product-filter .sort select").change(function () {
            var d = $(this).val();
            var a = gUV(d, "sort");
            var b = gUV(d, "order");
            $("#filterpro_sort").val(a);
            $("#filterpro_order").val(b);
            iF()
        });
    }

    if ($(".limit select").exists()) {
        $(".limit select").get(0).onchange = null;
        $(".limit select").change(function () {
            $("#filterpro_limit").val(gUV($(this).val(), "limit"));
            iF()
        });
    }

// deserialize
    var hash = window.location.hash.substr(1);
    if (hash && $('instock').is(':visible') && $('instock').is(':checked')) {
        $('instock').attr("checked", false);
    }
    $("#filterpro").deserialize(hash);

    synchronizeImgCheckboxes();

    $("#filterpro img").bind("click", function() {
        var $input = $(this).prev("input");
        if ($input.attr("disabled")) {
            return;
        }
        $(this).toggleClass("selected");
        $input.prop('checked', !$input.prop('checked'));
        iF();
    });


    $("div[id^=slider-range-]").each(function(index, element) {
    var id = this.id.replace(/[^\d]/g, '');
    var arr = window['attr_arr_'+id];

    var b = parseInt($("#attribute_value_"+id+"_min").val());
    var a = parseInt($("#attribute_value_"+id+"_max").val());
    b = arr.indexOf(b);
    a = arr.indexOf(a);
    if (a >= 0 && b >= 0){
        hs = $(element).slider();
        hs.slider("option", {values:[b, a]});
        hs.slider("option","slide").call(hs, null, { handle: $(".ui-slider-handle", hs), values:[b, a] });
    }
    });

    if ($(".product-filter .sort select").exists()) {
        if ($("#filterpro_sort").val()) {
            $(".product-filter .sort select option").each(function(i, e) {
                if (gUV($(this).val(), "sort") == $("#filterpro_sort").val() && gUV($(this).val(), "order") == $("#filterpro_order").val()) {
                    $(".product-filter .sort select").val($(this).val());
                    return;
                }
            });
        } else {
            $val = $(".product-filter .sort select").val();
            $("#filterpro_sort").val(gUV($val, "sort"));
            $("#filterpro_order").val(gUV($val, "order"))
        }
    }
    if ($(".limit select").exists()) {
        if ($("#filterpro_limit").val()) {
        $(".limit select option").each(function(i, e) {
            if (gUV($(this).val(), "limit") == $("#filterpro_limit").val()) {
                $(this).attr('selected', 'selected');
                return;
            }
        });
        } else {
            $("#filterpro_limit").val(gUV($(".limit select").val(), "limit"));
        }
    }
    doFilter(true)
});
function gUV(e,f){var c=String(e).split("?");var a="";if(c[1]){var b=c[1].split("&");for(var g=0;g<=(b.length);g++){if(b[g]){var d=b[g].split("=");if(d[0]&&d[0]==f){a=d[1]}}}}return a}

нету такого.

3AHO3A · 21 май 2014

я в js не силен но можешь сам поиском "option_name" пробежаться по скрипту и увидишь
Код:
 $(".option_box .option_name").click(function () {
        $(this).siblings(".collapsible").toggle();
        $(this).toggleClass("hided")
    });
$(".option_box .option_name").click(function () { - при нажатии на option_name , меняется класс
$(this).siblings(".collapsible").toggle();
$(this).toggleClass("hided")

в collapsible на hided и у самого обьекта т.е. option_name

cherkas · 21 май 2014

3AHO3A сказал(а): ↑
я в js не силен но можешь сам поиском "option_name" пробежаться по скрипту и увидишь
Код:
 $(".option_box .option_name").click(function () {
        $(this).siblings(".collapsible").toggle();
        $(this).toggleClass("hided")
    });
$(".option_box .option_name").click(function () { - при нажатии на option_name , меняется класс
$(this).siblings(".collapsible").toggle();
$(this).toggleClass("hided")

в collapsible на hided и у самого обьекта т.е. option_name
Нажмите, чтобы раскрыть...
Да спасибо, я это уже тоже нашел, но если это удалить, то сворачивание не работает вообще, а так тоже не подходит. параметров для фильтрации будет много, их нужно сворачивать, но по своему усмотрению. Вот смотрите на демо сайте Вы можете выбирать любые параметры фильтрации и ничего не сворачивается, а если необходимо, то ненужный параметр можно свернуть. У меня на сайте сейчас сворачивается при выборе любой галочки.

3AHO3A · 21 май 2014

это
Код:
 $(this).siblings(".collapsible").toggle(); 
не удаляй, так как функция .toggle() отвечает за сворачивание

--- Добавлено, 21 май 2014 ---

cherkas сказал(а): ↑

У меня на сайте сейчас сворачивается при выборе любой галочки.
Нажмите, чтобы раскрыть...

только что попробывал, с мозиллы, у меня не сворачивается после выбора любого параметра

cherkas · 21 май 2014

как тогда записать?

Вы пробовали на демо сайте, там всё правильно, я тоже так хочу. На моем сайте Вы не попробуете, он пока на денвере.

3AHO3A · 21 май 2014

cherkas сказал(а): ↑

как тогда записать?

Вы пробовали на демо сайте, там всё правильно, я тоже так хочу. На моем сайте Вы не попробуете, он пока на денвере.
Нажмите, чтобы раскрыть...

так что тебе именно надо, потому как у меня все нормально и корректно работает, все выбирается и фильтруется, ничего не сворачивается при выборе, сворачивается только после нажатия на заголовки
попробуй почисть кеш браузера и в движке, если у тебя какие-то бока в работе фильтра

cherkas · 21 май 2014

3AHO3A сказал(а): ↑

так что тебе именно надо, потому как у меня все нормально и корректно работает, все выбирается и фильтруется, ничего не сворачивается при выборе, сворачивается только после нажатия на заголовки
попробуй почисть кеш браузера и в движке, если у тебя какие-то бока в работе фильтра
Нажмите, чтобы раскрыть...

еще раз

Та ссылка которую я дал - это демо сайт модуля, это не мой сайт, у меня на демо сайте тоже всё нормально работает.

Я ставлю этот модуль к себе на сайт, и получаю проблему. При выборе галочек меню сворачивается, а не должно. Показать не могу, так как мой сайт на денвере. Кэш браузера тут не при чем.

Нужно как то исправить запись в js.
_________________________________________________________________

Скачал js с демосайта, версии модуля у нас конечно разные, но именно эта запись одинаковая, так что дело в чем то другом. При замене файла целяком из за разных версий модуля фильтр не работает вообще.

_____________________________________________________________

При переключении на дефолтный шаблон проблема не уходит.

3AHO3A · 21 май 2014

cherkas сказал(а): ↑

Нужно как то исправить запись в js.
Нажмите, чтобы раскрыть...

не спеши править )
какой у тебя шаблон ? фильтер про часто конфликтует с шаблонами которые исспользуют аякс, по этому если у тебя один из популярных шаблонов, посмотри на оф форуме должно быть решение под этот шаблон

Bogdan · 22 май 2014

cherkas сказал(а): ↑

Та ссылка которую я дал - это демо сайт модуля, это не мой сайт, у меня на демо сайте тоже всё нормально работает.
Нажмите, чтобы раскрыть...

А можно ссылку на страницу, где проблема присутствует?

cherkas · 22 май 2014

Bogdan сказал(а): ↑

А можно ссылку на страницу, где проблема присутствует?
Нажмите, чтобы раскрыть...

Загрузил на хостинг, Посмотреть можно ЗДЕСЬ

И еще, если выбираю несколько атрибутов с ползунками, на сайте появляется только один.

Bogdan · 22 май 2014

В файле catalog/view/javascript/filterpro.min.js есть строка 63:
$(this).parents(".option_box").find(".option_name").trigger('click');
Попробуйте её закоментировать - поставить в начале строки //

cherkas · 22 май 2014

Bogdan сказал(а): ↑

В файле catalog/view/javascript/filterpro.min.js есть строка 63:
$(this).parents(".option_box").find(".option_name").trigger('click');
Попробуйте её закоментировать - поставить в начале строки //
Нажмите, чтобы раскрыть...

Спасибо, сработало, но не везде. Слайдер цены всё равно сворачивается.

И еще, нашел почему не выводятся несколько бегунков, да и вообще несколько одинаковых способов отображения. Они отображаются, только почему то их выбрасывает в самый низ, сразу над футером. Может подскажете и здесь?

Bogdan · 22 май 2014

cherkas сказал(а): ↑

Спасибо, сработало, но не везде. Слайдер цены всё равно сворачивается.

И еще, нашел почему не выводятся несколько бегунков, да и вообще несколько одинаковых способов отображения. Они отображаются, только почему то их выбрасывает в самый низ, сразу над футером. Может подскажете и здесь?
Нажмите, чтобы раскрыть...

Гляну, но только уже с понедельника.

cherkas · 24 май 2014

В файле catalog/view/theme/default/template/module/filterpro.tpl - нашел лишний закрывающий тег </table>, из за этого слетали в низ, окна фильтров. Осталась только проблема с самопроизвольным сворачиванием бегунка цены.

crist · 24 май 2014

if error on javascript, broken image, php and want to know the css rule.
install firebug on your browser ex: firefox/palemoon

may be it can help

Bogdan · 24 май 2014

Bogdan сказал(а): ↑

В файле catalog/view/javascript/filterpro.min.js есть строка 63:
$(this).parents(".option_box").find(".option_name").trigger('click');
Попробуйте её закоментировать - поставить в начале строки //
Нажмите, чтобы раскрыть...

cherkas сказал(а): ↑

Спасибо, сработало, но не везде. Слайдер цены всё равно сворачивается.
Нажмите, чтобы раскрыть...

Да. Сразу не заметил, закоментируйте еще строку 68 с ткаим же содержимым:
$(this).parents(".option_box").find(".option_name").trigger('click');

cherkas · 28 май 2014

Снова здравствуйте.

Подскажите кто нибудь, как подружить фильтр про с Buyme

_______________________________________

Может быть кто то знает другой модуль быстрого заказа, который не конфликтует с фильтр про? Или кто то знает модуль быстрого заказа без js, а просто на php?

.