Home › Forums › WoodMart support forum › Filter style by category

Filter style by category

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • September 26, 2021 at 3:21 pm #321202

    ipix
    Participant

    How to make a filter style by categories (widget on a category page) as a filter style by the “Color” attribute? Too long list of categories, you need to make a window with scrolling categories.

    September 26, 2021 at 7:21 pm #321220

    Elise Noromit
    Member

    Hello,

    You need to use WOODMART WooCommerce Layered Nav widget, it has the option to specify the categories where you want to show this filter. Find our documentation tutorial about this here: https://xtemos.com/docs/woodmart/widgets/

    If you have any questions please feel free to contact us.

    Best Regards

    September 28, 2021 at 2:42 pm #321743

    ipix
    Participant

    You do not understand me. I’ll tell you in detail.

    September 29, 2021 at 8:54 am #321913

    Elise Noromit
    Member

    Hello,

    Please add this code to the Theme Settings > Custom CSS > Global:

    .website-wrapper .sidebar-widget.widget_product_categories .product-categories {
	max-height: 310px;
	overflow: hidden;
	overflow-y: auto;
	padding-right: 30px;
}

 .sidebar-widget.widget_product_categories {
  --scrollbar-track-bg: rgba(0, 0, 0, 0.05);
  --scrollbar-thumb-bg: rgba(0, 0, 0, 0.12); }
 .sidebar-widget.widget_product_categories ::-webkit-scrollbar {
  width: 5px; 
}
 .sidebar-widget.widget_product_categories ::-webkit-scrollbar-track {
  background-color: var(--scrollbar-track-bg); 
}
 .sidebar-widget.widget_product_categories ::-webkit-scrollbar-thumb {
  background-color: var(--scrollbar-thumb-bg); 
}

    The height is set by max-height

    Best Regards

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)