Return to previous page

Filter options on product page - by maccandy

This topic has 10 replies, 3 voices, and was last updated 9 years, 4 months ago ago by Jack Richardson

maccandy

Participant

August 10, 2015 at 01:07

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

#79140 Copied

9 Answers

Eva Kemp

Support staff

August 10, 2015 at 09:47

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.

#79168 Copied

maccandy

Participant

August 11, 2015 at 21:48

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

#79467 Copied

Eva Kemp

Support staff

August 12, 2015 at 08:19

Hello,

Please provide us with a page link where you have problems with styling.

Thank you.

Regards,
Eva Kemp.

#79500 Copied

maccandy

Participant

August 13, 2015 at 00:20

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

Please, contact administrator
for this information.

#79754 Copied

Jack Richardson

Support staff

August 13, 2015 at 06:58

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.

#79763 Copied

maccandy

Participant

August 13, 2015 at 15:18

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

Please, contact administrator
for this information.

#79910 Copied
Jack Richardson

Support staff

August 13, 2015 at 15:49
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.
#79917 Copied
maccandy

Participant

August 13, 2015 at 16:36

Hello,

works perfect.

thx
maccandy

#79943 Copied

Jack Richardson

Support staff

August 13, 2015 at 16:51

Hello,

You’re welcome.

Best regards,
Jack Richardson.

#79950 Copied
Viewing 10 results - 1 through 10 (of 10 total)