Return to previous page

Ajax Product Filter - by Davey - on WordPress WooCommerce support

This topic has 9 replies, 3 voices, and was last updated 8 years, 1 months ago ago by Olga Barlow

Davey

Participant

December 12, 2016 at 19:40

Hello,

I installed this plugin: ‘Advanced AJAX Product Filters for WooCommerce’.

I added two different attributes into two different products. I also set the ‘Product selector’ on ‘.products-loop’. It gives a result, but not properly.

I already found a similar post and I tried the solutions there. It helped a bit, but my results from the filter is still duplicated and sometimes missing an image.

#148695 Copied Theme version: Xstore WooCommerce version: 2.6.9

8 Answers

Olga Barlow

Participant

December 13, 2016 at 10:32

Hello,

I don’t see described problem have you sorted out?
If you use the third-party plugin I would recommend you contact plugin author to get help and correct plugin settings.

Regards

#148834 Copied

Davey

Participant

December 13, 2016 at 13:38

The problem is that I don’t know how this Ajax product filter works. I tried all the plugins that were available and all have different kind of problems.

Do you have a tutorial or which plugin works best with the xstore theme? I have this feeling that it’s not possible to have a ajax product filter with this theme. I just want to have a product filter that refreshes only the results, instead of the whole page.

#148861 Copied

Olga Barlow

Participant

December 13, 2016 at 15:58

Hello,

Unfortunately, we did not test Ajax product filter plugins with our theme that’s why I can tell you nothing about compatibility.

If you plan to use plugin you should ask the author how to set up it correctly.
Sometimes, not always, you need additionally customize theme or plugin to make them work together. Unfortunately, it’s not possible for the author to make theme compatible with all the existing plugins.

Regards

#148882 Copied

Davey

Participant

December 17, 2016 at 14:26

BTW I fixed it but I don’t know what I have done.

#149384 Copied

Davey

Participant

December 17, 2016 at 14:29

I saw no images with the Yith Ajax Product Filter, I only saw images while I was on my mobile or I resized the browser to a mobile screen size. So I thought the problem should be within the loaded css.

So I check the ‘loaded’ css with inspect and I found difference within this code:

.content-product.product-inview .product-content-image img {
opacity: 1;
}

Once I click on the yith ajax product filter the code disappears. So I tried to add it manually within the loaded page, but chrome blocked it due to this line: .product-inview

So I added this to global custom css:

.content-product .product-content-image img {
opacity: 1;
}

now it works perfectly but I don’t know what I have done. Can someone explain? Was it a bug within the theme?

#149385 Copied

Olga Barlow

Participant

December 19, 2016 at 16:46

Hello,

These styles were added because of our hover effects. But if you use Ajax Product Filter that you should use opacity: 1.

Regards

#149492 Copied

creatoys

Participant

February 7, 2017 at 09:41

Please help us with a compatible filter plugin and the setting for it, no matter if is payed or free, just to be compatible with your theme(desktop and mobile version). Urgent!

#154178 Copied Theme version: xstore WooCommerce version: 2.6.14

Olga Barlow

Participant

February 7, 2017 at 16:33

Hello, @creatoys,

Take a look at this plugin https://codecanyon.net/item/woocommerce-product-filter/8514038
One of our users used it. But I would suggest you ask plugin author if he would be able to help you with plugin settings to make it work with our theme.

Regards

#154219 Copied
Tagged: ajax, best selling, filter, product, themes, woocommerce
Viewing 9 results - 1 through 9 (of 9 total)