Mistake of results of my stepfilter

Hi there,

I am setting up a new Shop with your amazing Woodmart Theme, what i really enjoy. I am working on a car parts shop, specialized on engine oils. So for this i need a step filter, what is sadly not possible with your product filter.

For this topic i needed to add a filter plugin, called “XforWoocommerce product filter”. I set up a step filter with custom taxonomies with hierarchies.

I put it by html block into the shop filter area. Everything works like it should but when i get the filter results, the design of the page is too much up. You can see it on picture number 2. So this is how i get the results. and it is not possible to scroll up.

I checked all my other themes what i have and there it workes with the same setting absolutly normal. I also tested it with a woocommerce standard theme. So there should be a conflict with woodmart.

Can you help me in this case please?

thanks a lot for your help.

Best regards

Attachments:

You must be logged in to view attached files.

Additional:

i just tested the filter with same settings but in the widget area, and here i don´t have this design error when i get the results.

But on shop start side i get an other design of mistake, what disappears, when i choose the first filter step. Again one picture attached.

Picture 3: when i enter the shop page.
picture 4: when i make a first step of the filter. and everything looks great again.

thanks

Attachments:

You must be logged in to view attached files.

Hello,

I saw the screenshots you attached. As you said that you added a third party plugin. Unfortunately we haven’t tested our theme with such a plugin yet.

The Shop page is controlled by woocommerce and our theme doesn’t influence this.

I tried to visit your website and was unable to visit, it seems that your website is in maintenance mode.
Please disable the maintenance mode to let me check it myself and help you out accordingly.

Best Regards.

Hi there,

Thanks for answering. Login Details in private content.

Thanks for your help.

Best regards

Hello,

1) To set the width of the sidebar filter you need to add the following Custom CSS in the Custom CSS for desktop area under Theme Settings >> Custom CSS.

.prdctfltr_wc.prdctfltr_woocommerce.woocommerce.prdctfltr_wc_widget.pf_default_inline.prdctfltr_always_visible.prdctfltr_click_filter.prdctfltr_disable_bar.prdctfltr_checkbox.prdctfltr_search_fields.prdctfltr_hierarchy_lined.pf_mod_multirow.prdctfltr_scroll_default {
width: 400px !important;
}
.prdctfltr_wc .prdctfltr_description {
width: 300px !important;
}

2) I have chosen a filter and the result is appearing absolutely fine on my end. Please clear cache and check back.

Screenshot for Clarification: https://ibb.co/sJwZqzZ

Best Regards.

Hi there,

wow that was a quick help. Amazing, thank you so much.
Yes with this css code the space of widget area left is perfekt. thank you.

But the Shopfilter (not the same filter from widget area) ends same like before of course.
Please take a look at the screenshots.

Please try it on shopfilter (directly over the products). You need to choose minimum 1 option, like PKW. after need to press on “zeige passende Schmierstoffe”. And then you see the result like on screenshot 2.

thanks again

Attachments:

You must be logged in to view attached files.

Hello,

You are Most Welcome.

Please try and add the following Custom CSS in the Custom CSS for desktop area under Theme Settings >> Custom CSS.

.products.elements-grid.align-items-start.woodmart-products-holder.woodmart-spacing-30.pagination-more-btn.row.grid-columns-4 {
margin-top: 200px !important;
}

Best Regards.

[Author]

Posts