Изменить Blocklayered, чтобы выбрать только один цвет (отменить предыдущий цвет)

[kdvbpspr]

Подскажите с чего начать?
Требуется доработать модуль blocklayered.
В обычном режиме мы можем выбрать несколько цветов при фильтрации продуктов, мне нужно изменить его,
чтобы клиент не выбирал больше одного цвета ...

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

[Belena]

в фильтре advansedsearch есть такая возможность

[kdvbpspr]

в фильтре advansedsearch есть такая возможность

Спасибо, но решение необходимо для blocklayered.

[tigran]

Фильтры выбираются в blocklayered.js в нем есть функция /*Click on color*/ при клике можно спрятать  блок color-group.

[kdvbpspr]

Фильтры выбираются в blocklayered.js в нем есть функция /*Click on color*/ при клике можно спрятать  блок color-group.

Спасибо,
да это я сделаю.

Как запретить выбор нескольких цветов в самом фильтре либо отменить предыдущий цвет?

[Adik]

Фильтры выбираются в blocklayered.js в нем есть функция /*Click on color*/ при клике можно спрятать  блок color-group.

Прятать то зачем? Добавить сброс всех выбранных фильтров цвета remove() и дальше по дефолту выбор нового.

Как запретить выбор нескольких цветов в самом фильтре либо отменить предыдущий цвет?

Не нужно запрещать. Вам же выбор только одного нужен. Сброс выбраного значения перед инициализацией добавьте.
Функция сброса уже есть remove().

[kdvbpspr]

Фильтры выбираются в blocklayered.js в нем есть функция /*Click on color*/ при клике можно спрятать  блок color-group.

Прятать то зачем? Добавить сброс всех выбранных фильтров цвета remove() и дальше по дефолту выбор нового.

Как запретить выбор нескольких цветов в самом фильтре либо отменить предыдущий цвет?

Не нужно запрещать. Вам же выбор только одного нужен. Сброс выбраного значения перед инициализацией добавьте.
Функция сброса уже есть remove().

Спасибо за подсказку.

Как я понял вся магия происходит здесь blocklayered.js
При клике на цвет в фильтре срабатывает вот этот момент:
За перерисовку отвечает: reloadContent(true);

Код: [Выделить]

$(document).on('click', '#layered_form input[type=button]', function(e) {
if (!$('input[name='+$(this).attr('name')+'][type=hidden]').length)
{
$('<input />').attr('type', 'hidden').attr('name', $(this).attr('name')).val($(this).data('rel')).appendTo('#layered_form');
}
else
$('input[name='+$(this).attr('name')+'][type=hidden]').remove();
reloadContent(true);
});
По Remove Вы предлагаете вот это?:
$('input[name='+$(this).attr('name')+'][type=hidden]').remove();

[Adik]

Код: [Выделить]

$(document).on('click', '#layered_form input[type=button]', function(e) {
        // определить ид группы атрибутов цвета
        // в div#enabled_filters по ид найти элемент
        // вызвать cancelFilter() с ид найденого элемента

        if (!$('input[name='+$(this).attr('name')+'][type=hidden]').length)
...
Вот так, осталось только в код перевести.

[kdvbpspr]

Спасибо, хорошая идея..

Вся магия в этой строке:

Код: [Выделить]

$('#layered_form input[type=hidden][name='+$(this).data('rel')+']').remove();
reloadContent(true);
e.preventDefault();

Главное указать правильный '+$(this).data('rel')+']' для удаления цвета.

Я правильно понял?

[Adik]

$(this) - не нужен, так как элемент не выбирается
reloadContent(true) - не нужна, так как в конце функции эта вызыывается, два раза перегружать контент ненужно

[kdvbpspr]

$(this) - не нужен, так как элемент не выбирается
reloadContent(true) - не нужна, так как в конце функции эта вызыывается, два раза перегружать контент ненужно

Ещё раз спасибо,

В итоге вот что получилось, в blocklayered.js

Код: [Выделить]

$(document).on('click', '#layered_form input[type=button]', function(e) {
$('#layered_form #enabled_filters a').each(function () {
var attr = $(this).attr("data-rel");
if(attr.indexOf('id_attribute') + 1)
{
$('#layered_form input[type=hidden][name='+attr+']').remove();
}
});
if (!$('input[name='+$(this).attr('name')+'][type=hidden]').length)
{
$('<input />').attr('type', 'hidden').attr('name', $(this).attr('name')).val($(this).data('rel')).appendTo('#layered_form');
}
else
$('input[name='+$(this).attr('name')+'][type=hidden]').remove();
reloadContent(true);
});
Добавлены вот эти строки

Код: [Выделить]

$('#layered_form #enabled_filters a').each(function () {
var attr = $(this).attr("data-rel");
if(attr.indexOf('id_attribute') + 1)
{
$('#layered_form input[type=hidden][name='+attr+']').remove();
}
});
Вроде всё работает..