Need Scrolling Checkbox Product Filter On Category Pages

Hi,



As of now our Product Filters on our category pages are Explanded ones which we want to change to Scrolling Checkboxes. Is it possible to make this change. Please guide us in same.



Current Filter : Expanded Checkbox

[attachment=8981:Product Filer - Expandable.PNG]



Expected Filter : Scrolling Checkbox

[attachment=8982:Product Filter - Scroller Checkbox.PNG]

Product Filer - Expandable.PNG

Product Filter - Scroller Checkbox.PNG

Try to add the following CSS rules (checked with responsive theme):



ul.ty-product-filters {
height: 110px;
overflow-y: scroll;
}
ul.ty-product-filters ul {
display: block;
}
ul.ty-product-filters .ty-product-filters__extra-block {
display: none;
}

[quote name='eComLabs' timestamp='1420802554' post='202061']

Try to add the following CSS rules (checked with responsive theme):



ul.ty-product-filters {
height: 110px;
overflow-y: scroll;
}
ul.ty-product-filters ul {
display: block;
}
ul.ty-product-filters .ty-product-filters__extra-block {
display: none;
}


[/quote]



Hi ecomlabs,



We have added this in Custom CSS [Theme editor] but didn't see any change. Even cleared the cache but still we see same old style filters.

Please check Fleaffair.com is for sale | HugeDomains which still shows expandable filters instead of scrolling.

Our code was for the default responsive theme. Please try this one:



ul.product-filters {
height: 110px;
overflow-y: scroll;
}

ul.product-filters ul {
display: block;
}

ul.product-filters .extra-link-wrap, ul.product-filters ul li a.extra-link {
display: none;
}

Thank you GOD's of CS-Cart. I just want to know if there is just 1 person who handles these request coming on forum or entire team is working on forum.

[quote name=‘fleaffair’ timestamp=‘1428907456’ post=‘211202’]

Thank you GOD’s of CS-Cart. I just want to know if there is just 1 person who handles these request coming on forum or entire team is working on forum.

[/quote]



You are welcome! One person works here at the moment :)

Our code was for the default responsive theme. Please try this one:

ul.product-filters {
  height: 110px;
  overflow-y: scroll;
}

ul.product-filters ul {
display: block;
}

ul.product-filters .extra-link-wrap, ul.product-filters ul li a.extra-link {
display: none;
}

Dear Team,

Does this CSS code still holds good for MVE 4.3.9. We are trying to upgrade our CSCart but didnt see any changes on new version with respective CSS code. Please help out.

Regards,

FleAffair

It works in the same way out of the box now. Please take a look:

http://demo.cs-cart.com/electronics/