[Помогите] Шаблон Universum PRO + Filter Pro как подружить

Алексаша · 23 окт 2013

Всем привет!
нужно подружить шаблон Universum PRO + с фильтром Filter Pro
Или хоть с каким нормальным фильтром
с этой проблемой многие сталкиваются, но нормальное решение никто не выложил,
На странице категорий где должен быть товар сеткой, очень красиво отображаться, он отображается списком без стилей
Вот мой пример
сам мозгами еду, как решить? помогите пожалуйста...

Юрий Юрьевич · 23 окт 2013

Алексаша сказал(а): ↑

Всем привет!
нужно подружить шаблон Universum PRO + с фильтром Filter Pro
Или хоть с каким нормальным фильтром
с этой проблемой многие сталкиваются, но нормальное решение никто не выложил,
На странице категорий где должен быть товар сеткой, очень красиво отображаться, он отображается списком без стилей
Вот мой пример
сам мозгами еду, как решить? помогите пожалуйста...
Нажмите, чтобы раскрыть...

А что тут сложного? Все стили модуля прописаны в filterpro.css либо же если есть версия мега то в filterpro-mega.css. Либо ручками либо с помощью файрбага отредактировать код под свои нужды и отображение.

spy · 23 окт 2013

убрать серую маску при фильтрации.
удалитьстрочки в файле
catalog\view\javascript\filterpro.min.js
Код:
$(cont).mask();
$(".filterpro").mask();
Для стикеров новинка у вас
Нужно добавить код вызова стикеров в метод view(); перед последней скобкой
catalog/view/theme/ваша_тема/template/product.category.tpl
Код:
$.cookie('display', 'grid');
    }
getAStickers();
 }
view = $.cookie('display');
А для отображения витриной
в tpl модуле list на grid измени и в куках js (там же)

Алексаша · 23 окт 2013

Юрий Юрьевич сказал(а): ↑

А что тут сложного? Все стили модуля прописаны в filterpro.css либо же если есть версия мега то в filterpro-mega.css. Либо ручками либо с помощью файрбага отредактировать код под свои нужды и отображение.
Нажмите, чтобы раскрыть...

Вы видели CSS Filter pro?

Спойлер

#filterpro .option_box {
border: 1px solid #38B0E3;
border-radius: 7px;
display: inline-block;
margin: 5px;
min-width: 138px;
padding: 5px;
vertical-align: top;
}

#filterpro .price_limit {
border: 0;
color: #38B0E3;
font-weight: bold;
width: 100%;
}

#filterpro .ui-widget-header {
background: none repeat scroll 0 0 #38B0E3;
border: 0 none;
color: #FFFFFF;
font-weight: bold;
}

#filterpro select {
width: 126px;
}

#filterpro .ui-state-hover, #filterpro .ui-state-focus, #filterpro .ui-state-active {
border: 1px solid #38B0E3;
background: none repeat scroll 0 0 #d9f2fc;
}

#filterpro .price_slider {
padding: 5px;
}

#filterpro .option_values {
padding-top: 5px;
}

#filterpro .option_name, #filterpro .attribute_group_name {
background: url("../image/filter-bullet-down.png") no-repeat scroll right center transparent;
cursor: pointer;
padding: 5px;
}
#filterpro .attribute_group_name{
padding-left: 0;
}

#filterpro .hided {
background: url("../image/filter-bullet-up.png") no-repeat scroll right center transparent;
cursor: pointer;
}

#filterpro .clear_filter {
border-bottom: 1px dashed;
text-decoration: none;
float: right;
}

#filterpro .collapsible{
max-height: 120px;
overflow-y: auto;
}
#filterpro img {
cursor: pointer;
margin: 2px
}

#filterpro img.selected {
border: 2px solid;
margin: 0;
}

Где здесь стили вывода товара в списке категорий?

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

Что-то сайт не работает.
Нажмите, чтобы раскрыть...

Это я баловался, все работает, а проблема есть =(

Filterpro.mi.js

Спойлер

var fIID = 0;
var interval = 1;
var $cookie = false;
/**
* fix 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 === obj) { return i; }
}
return -1;
}
}
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.length) {
if ($(this).is(":checked")) {
$img.addClass("selected");
} else {
$img.removeClass("selected");
}
}
});
}
$("#filterpro .filtered").live("change", (function () {
synchronizeImgCheckboxes();
iF();
}));
$(function () {
$("#slider-range").slider({range:true, min:0, max:0, values:[0, 0], stop:function (a, b) {
iF()
}, 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(0);
fIID = setTimeout("doFilter(false)", interval)
}

function success(g, b) {

if ($cookie){
var view = $cookie("display");
}
if (!view) {
view = "list";
}
if (g.result) {
$(".product-" + view).html("");
$("#productTemplate").tmpl(g.result).appendTo(".product-" + view)
}
$(".pagination").html(g.pagination);
if (b && g.min_price == g.max_price) {
$('.price_slider').hide();
}
var d = parseInt(g.min_price);
var c = Math.ceil(parseFloat(g.max_price));

if (typeof(display) != "undefined") {
view ? display(view) : display("list");
}
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, '_');
if (atts[at_v_i]) {
$('[at_v_t="' + at_v_i + '"]').text($('[at_v_t="' + at_v_i + '"]').attr('data-value') + " (" + atts[at_v_i] + ")");
$(v).removeAttr("disabled");
} else {
$('[at_v_t="' + at_v_i + '"]').text($('[at_v_t="' + at_v_i + '"]').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);
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.attr("selected", false)
} else {
$('label[for="manufacturer_' + l[1] + '"]').text($("#m_" + l[1]).val());
j.attr("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.length) {
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)
}
}
})
}
}
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 {
if ($cookie){
var view = $cookie("display");
}
if (!view) {
view = "list";
}
$(".product-" + view).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;
$(".product-" + view).unmask();
$("#filterpro").unmask();
}});
}
}
$(document).ready(function () {
if ($.totalStorage!=undefined){
$cookie = $.totalStorage;
} else if ($.cookie != undefined){
$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 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 .links a").live("click", (function () {
var a = $(this).attr("href");
var b = a.match(/page=(\d+)/);
$("#filterpro_page").val(b[1]);
doFilter(false);
$('html, body').animate({ scrollTop: $('.product-filter').offset().top }, 'slow');
return false;
}));

if($(".sort select").length){
$(".sort select").get(0).onchange = null;
$(".sort select").change(function () {
vars = $(this).val().split("&");
$("#filterpro_sort").val(vars[0]);
$("#filterpro_order").val(vars[1]);
iF()
});
$(".sort select option").each(function () {
var d = $(this).val();
var a = gUV(d, "sort");
$(this).val(a + "&" + gUV(d, "order"))
});
}

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

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

synchronizeImgCheckboxes();

$("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 ($(".sort select").length) {
if ($("#filterpro_sort").val()) {
$(".sort select").val($("#filterpro_sort").val() + "&" + $("#filterpro_order").val())
} else {
vars = $(".sort select").val().split("&");
$("#filterpro_sort").val(vars[0]);
$("#filterpro_order").val(vars[1])
}
}
if ($("#filterpro_limit").length) {
if ($("#filterpro_limit").val()) {
$(".limit select").val($("#filterpro_limit").val())
} else {
$("#filterpro_limit").val($(".limit select").val())
}
}
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}

spy · 23 окт 2013

У вас, кстати, проблема такая как и у меня, с пагинатором.
Когда ставиш показать 100, пагинатор не пропадает, так как фильтер js подгружает и получаются дубли страниц.
Я так с этим и не разобрался, js-фильтра нужно править, а я в скрипте несилен(

Алексаша · 23 окт 2013

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

У вас, кстати, проблема такая как и у меня, с пагинатором.
Когда ставиш показать 100, пагинатор не пропадает, так как фильтер js подгружает и получаются дубли страниц.
Я так с этим и не разобрался, js-фильтра нужно править, а я в скрипте несилен(
Нажмите, чтобы раскрыть...

Это как то переживем, не могу понять как заставить его товар нормальной сеткой отображать, в категори тпл стоит все на грид.
Вы знаете как отключается стандартный фильтр?

spy · 23 окт 2013

в модуль/filterpro_contener и там куки джс правим в конце вью на грид
Код:
..
...
...
$.cookie('display', 'grid');
    //}
}
view = $.cookie('display');

if (view) {
    display(view);
} else {
    display('list');
}
//--></script>

Алексаша · 23 окт 2013

Народ, неужели никто не сталкивался с данной проблемой?

gnommong · 23 окт 2013

Алексаша сказал(а): ↑

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

Дак, а в чем проблема? Вот выше написали, как сделать - все ок работает, сеткой выводит. Или что-то другое требуется?

Алексаша · 23 окт 2013

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

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

Сеткой не выводит, менял все

этого вообще в коде нет

Спойлер

убрать серую маску при фильтрации.
удалитьстрочки в файле
catalog\view\javascript\filterpro.min.js
Код:
$(cont).mask();
$(".filterpro").mask();

Вот мой Filterpro.mi.js

Спойлер

var fIID = 0;
var interval = 1;
var $cookie = false;
/**
* fix 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 === obj) { return i; }
}
return -1;
}
}
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.length) {
if ($(this).is(":checked")) {
$img.addClass("selected");
} else {
$img.removeClass("selected");
}
}
});
}
$("#filterpro .filtered").live("change", (function () {
synchronizeImgCheckboxes();
iF();
}));
$(function () {
$("#slider-range").slider({range:true, min:0, max:0, values:[0, 0], stop:function (a, b) {
iF()
}, 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(0);
fIID = setTimeout("doFilter(false)", interval)
}

function success(g, b) {

if ($cookie){
var view = $cookie("display");
}
if (!view) {
view = "list";
}
if (g.result) {
$(".product-" + view).html("");
$("#productTemplate").tmpl(g.result).appendTo(".product-" + view)
}
$(".pagination").html(g.pagination);
if (b && g.min_price == g.max_price) {
$('.price_slider').hide();
}
var d = parseInt(g.min_price);
var c = Math.ceil(parseFloat(g.max_price));

if (typeof(display) != "undefined") {
view ? display(view) : display("list");
}
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, '_');
if (atts[at_v_i]) {
$('[at_v_t="' + at_v_i + '"]').text($('[at_v_t="' + at_v_i + '"]').attr('data-value') + " (" + atts[at_v_i] + ")");
$(v).removeAttr("disabled");
} else {
$('[at_v_t="' + at_v_i + '"]').text($('[at_v_t="' + at_v_i + '"]').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);
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.attr("selected", false)
} else {
$('label[for="manufacturer_' + l[1] + '"]').text($("#m_" + l[1]).val());
j.attr("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.length) {
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)
}
}
})
}
}
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 {
if ($cookie){
var view = $cookie("display");
}
if (!view) {
view = "list";
}
$(".product-" + view).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;
$(".product-" + view).unmask();
$("#filterpro").unmask();
}});
}
}
$(document).ready(function () {
if ($.totalStorage!=undefined){
$cookie = $.totalStorage;
} else if ($.cookie != undefined){
$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 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 .links a").live("click", (function () {
var a = $(this).attr("href");
var b = a.match(/page=(\d+)/);
$("#filterpro_page").val(b[1]);
doFilter(false);
$('html, body').animate({ scrollTop: $('.product-filter').offset().top }, 'slow');
return false;
}));

if($(".sort select").length){
$(".sort select").get(0).onchange = null;
$(".sort select").change(function () {
vars = $(this).val().split("&");
$("#filterpro_sort").val(vars[0]);
$("#filterpro_order").val(vars[1]);
iF()
});
$(".sort select option").each(function () {
var d = $(this).val();
var a = gUV(d, "sort");
$(this).val(a + "&" + gUV(d, "order"))
});
}

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

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

synchronizeImgCheckboxes();

$("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 ($(".sort select").length) {
if ($("#filterpro_sort").val()) {
$(".sort select").val($("#filterpro_sort").val() + "&" + $("#filterpro_order").val())
} else {
vars = $(".sort select").val().split("&");
$("#filterpro_sort").val(vars[0]);
$("#filterpro_order").val(vars[1])
}
}
if ($("#filterpro_limit").length) {
if ($("#filterpro_limit").val()) {
$(".limit select").val($("#filterpro_limit").val())
} else {
$("#filterpro_limit").val($(".limit select").val())
}
}
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}

думаю здесь должно помочь отключение фильтра по цене темы

Еще умозаключение, я полностью удалил (для эксперимента) файл, filterpro_container.tpl , никакой реакции и ошибки, так что я пришел к выводу, что в этой теме этот файл не несет ничего полезного))
к сожалению контейнер продукта обворачивается в обычный div без нужного мне класса prod_hold

gnommong · 23 окт 2013

Алексаша сказал(а): ↑

Сеткой не выводит, менял все

этого вообще в коде нет

Спойлер

убрать серую маску при фильтрации.
удалитьстрочки в файле
catalog\view\javascript\filterpro.min.js
Код:
$(cont).mask();
$(".filterpro").mask();

Вот мой Filterpro.mi.js

Спойлер

var fIID = 0;
var interval = 1;
var $cookie = false;
/**
* fix 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 === obj) { return i; }
}
return -1;
}
}
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.length) {
if ($(this).is(":checked")) {
$img.addClass("selected");
} else {
$img.removeClass("selected");
}
}
});
}
$("#filterpro .filtered").live("change", (function () {
synchronizeImgCheckboxes();
iF();
}));
$(function () {
$("#slider-range").slider({range:true, min:0, max:0, values:[0, 0], stop:function (a, b) {
iF()
}, 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(0);
fIID = setTimeout("doFilter(false)", interval)
}

function success(g, b) {

if ($cookie){
var view = $cookie("display");
}
if (!view) {
view = "list";
}
if (g.result) {
$(".product-" + view).html("");
$("#productTemplate").tmpl(g.result).appendTo(".product-" + view)
}
$(".pagination").html(g.pagination);
if (b && g.min_price == g.max_price) {
$('.price_slider').hide();
}
var d = parseInt(g.min_price);
var c = Math.ceil(parseFloat(g.max_price));

if (typeof(display) != "undefined") {
view ? display(view) : display("list");
}
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, '_');
if (atts[at_v_i]) {
$('[at_v_t="' + at_v_i + '"]').text($('[at_v_t="' + at_v_i + '"]').attr('data-value') + " (" + atts[at_v_i] + ")");
$(v).removeAttr("disabled");
} else {
$('[at_v_t="' + at_v_i + '"]').text($('[at_v_t="' + at_v_i + '"]').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);
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.attr("selected", false)
} else {
$('label[for="manufacturer_' + l[1] + '"]').text($("#m_" + l[1]).val());
j.attr("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.length) {
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)
}
}
})
}
}
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 {
if ($cookie){
var view = $cookie("display");
}
if (!view) {
view = "list";
}
$(".product-" + view).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;
$(".product-" + view).unmask();
$("#filterpro").unmask();
}});
}
}
$(document).ready(function () {
if ($.totalStorage!=undefined){
$cookie = $.totalStorage;
} else if ($.cookie != undefined){
$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 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 .links a").live("click", (function () {
var a = $(this).attr("href");
var b = a.match(/page=(\d+)/);
$("#filterpro_page").val(b[1]);
doFilter(false);
$('html, body').animate({ scrollTop: $('.product-filter').offset().top }, 'slow');
return false;
}));

if($(".sort select").length){
$(".sort select").get(0).onchange = null;
$(".sort select").change(function () {
vars = $(this).val().split("&");
$("#filterpro_sort").val(vars[0]);
$("#filterpro_order").val(vars[1]);
iF()
});
$(".sort select option").each(function () {
var d = $(this).val();
var a = gUV(d, "sort");
$(this).val(a + "&" + gUV(d, "order"))
});
}

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

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

synchronizeImgCheckboxes();

$("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 ($(".sort select").length) {
if ($("#filterpro_sort").val()) {
$(".sort select").val($("#filterpro_sort").val() + "&" + $("#filterpro_order").val())
} else {
vars = $(".sort select").val().split("&");
$("#filterpro_sort").val(vars[0]);
$("#filterpro_order").val(vars[1])
}
}
if ($("#filterpro_limit").length) {
if ($("#filterpro_limit").val()) {
$(".limit select").val($("#filterpro_limit").val())
} else {
$("#filterpro_limit").val($(".limit select").val())
}
}
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}

думаю здесь должно помочь отключение фильтра по цене темы

Еще умозаключение, я полностью удалил (для эксперимента) файл, filterpro_container.tpl , никакой реакции и ошибки, так что я пришел к выводу, что в этой теме этот файл не несет ничего полезного))
к сожалению контейнер продукта обворачивается в обычный div без нужного мне класса prod_hold
Нажмите, чтобы раскрыть...

Дай доступ к админке и фтп в личку. Ночью сегодня гляну.

Постер · 9 мар 2014

Можно полюбопытствовать, как решили? А то планирую с этим шаблоном начать магазин и фильтр про тоже использую

cereberlum · 9 мар 2014

Постер сказал(а): ↑

Можно полюбопытствовать, как решили? А то планирую с этим шаблоном начать магазин и фильтр про тоже использую
Нажмите, чтобы раскрыть...

я решил использованием фильтрПро Мега пришлось тока дописать кое-какие переменные в контроллер фильтра (те что отвечают за таймер акции, размер скидки и проч).