Filter style by category

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.

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

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

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