[Помогите] Объединить значение фильтра и опции товара

Есть у меня в магазине товар определенной модели. В опциях прописаны его размеры. В то же время для товара прописаны значения фильтра - размеры. Если определенного размера нет в наличии, опция не показывается, а значение фильтра остается. Получается, что человек с помощью фильтра отобрал размер, зашел на страницу товара, а такого размера уже нет. Как можно эти опции и значения фильтра сделать зависимыми друг от друга? Или можно как-то по-другому решить эту проблему?

 

Пользуетесь FilterPro ?

 

Не так давно установил ocstore. Разбираюсь со стандартным фильтром. FilterPro пока не нашел где скачать.

 

FilterPro по идее решит вашу задачу. Настроек много, типа опции, атрибуты, производитель, диапазон цен и ещё много чего. Работает оч быстро. Его Вам можно либо купить, либо активничать на форуме и потом найти "под катом" в теме модулей opencarta.
Вот почитайте о нём

 

Здесь
Всего лишь под 30-м хайдом

 

Нашел у Ваших коллег (или конкурентов) под 10-м хайдом
Ну а если по теме, большое спасибо за подсказку. Именно то, что мне нужно было.
Да и с хайдами у Вас интересно придумано. Я чаще всего читаю, а не пишу; ищу и нахожу информацию (всё равно почти всё важное уже до меня написали - это ж интернет). А так приходится что-то писать, общаться. Спасибо что по делу отвечаете.

--- Добавлено, 27 окт 2013 ---

Подскажите, как сделать, чтобы Filter Pro Mega выглядел по дизайну как обычный фильтр?

--- Добавлено, 27 окт 2013 ---

А еще бы убрать прокрутку, которая появляется, если атрибутов больше 5-ти штук...

 

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

Ну, собственно, этим форумы и сильны. Если все будут только черпать, и ни чего не давать, то всё умрет

Если немного разбираетесь в CSS, то все это меняется в файлах filterpro-mega.css и filterpro.css входящих в состав данного фильтра. Хотя часть стилей он наследует от общего stylesheet.css.
Если не разбираетесь, то есть смысл оставить вопрос открытым - уверен, участники форума по крупицам помогут.

 

Подправил filterpo.css. Получилось то, что мне нужно, за исключением пункта "в наличии". Не смог сделать, чтоб он выглядел как остальные чекбоксы.

Код:

#filterpro .option_box {
    /* border: 1px solid #38B0E3; */
    border-radius: 7px;
    display: inline-block;
    min-width: 158px;
    padding-top: 5px;
    padding-bottom: 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 .price_slider  input {
    width: 40px;
}

#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-bottom: 3px;
    font-weight: bold;
    border-bottom: 1px solid #EEEEEE;  
    display: block;
    /* padding-bottom: 5px; */
    margin-bottom: 4px;
}
#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_box .clear_filter {
    border-bottom: 1px dashed;
    text-decoration: none;
    float: right;
}

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

#filterpro img.selected {
    border: 2px solid;
    margin: 0;
}
#column-left + #column-right + #content .product-grid > div.loadmask {
    width: 100%;
}

#filterpro input {
    margin: 0px 0px;
}
#filterpro table{
    margin-bottom: 5px;
}