This topic has 10 replies, 3 voices, and was last updated 9 years, 4 months ago ago by Jack Richardson
Hi,
I can insert filter options on the products page, for example the price filter or any custom filter. But when I add the widgets to the “above the products” area, it looks very bad. Is this the correct area or how do I have to insert the widgets. I would like to have these filters situated right beside the drop down for sorting. Could you please tell me how to do this?
Thx
maccandy
Hello,
I’ve added “Woocommerce Product Categories” and “Woocommerce Price Filter” widgets into “Shop Sidebar” area in Appearance > Widgets for your “devcandy” site. Please check Shop page now.
Regards,
Eva Kemp.
Hello Eva,
yes, this works, I also found this way. But the styling when using it in the above the products area is bad, where can I edit it? I would for example insert a color filter but the position of this filer looks cruel.
kind regards
maccandy
Hello,
Please provide us with a page link where you have problems with styling.
Thank you.
Regards,
Eva Kemp.
Hello,
I posted the link and the credentials in private content section.
There you can see the color filter in the top bar, but above the sorting. I would like to have it right beside the sorting for example in 1 line.
Thx
maccandy
Hello,
Do you want to show filter like this http://storage1.static.itmages.com/i/15/0813/h_1439445459_8404124_ef71893542.png ?
Please show us a screenshot what you want to achieve.
Best regards,
Jack Richardson.
Hello,
see attached image in private content section. The widget area is “above the products”.
Filter with dropdown and/or alternative with boxes.
The changes should be done in child theme to modify them easily by myself.
thx and kind regards
maccandy
Hello,
Please add this code in 8Theme Options > Typography > Custom CSS > Global Custom CSS:
.shop-full-width .shop-filters-area .widget_layered_nav li {
display: inline-block;
margin-left: 10px;
}
.shop-full-width .shop-filters-area .widget_layered_nav li .count {
display: none;
}
.shop-full-width .shop-filters-area .sidebar-widget:first-child {
display: inline-flex;
}
.shop-full-width .shop-filters-area .sidebar-widget .widget-title {
border-bottom: none;
padding-top: 8px;
}
Best regards,
Jack Richardson.
Hello,
works perfect.
thx
maccandy
Hello,
You’re welcome.
Best regards,
Jack Richardson.
The issue related to '‘Filter options on product page’' has been successfully resolved, and the topic is now closed for further responses