AJAX compatibility issues in shop loops using WOOF filters.

Hello
We choose Woodmart for a project (a long time ago but never had time to really start working on the project). We choosed WOOF filter plugin because it’s the one that have the feature we wanted and also YITH wishlist premium also for the same reason. I saw several post about YITH wishlist integration and as of the latest it seems to be possible to replace the wishlist internal feature with this plugin, is that right ? Do you may be have a summary of how to do it ?

Regarding WOOF filter it’s another story… it seems that many people here reported issue without reporting solutions.
For now we contacted the support of the plugin but he told us the issue should be in the theme.
The problem is that when we apply a filter to a shop page using the AJAX mode of the plugin (it seems to work well when we disable the AJAX mode but the user experience is not good) first the result display 2 times the products (one time using the template of the theme and the second time using the default WC template) and then again the products without filtering are not cleared at the end of the page.
I give you in private content the message we have with the plugins’ support.
Would be really nice if you could figure out out we could find a workaround as we really would like to use both, your theme and that plugin.
Thanks a lot in advance.

Hello,

Thank you so much for purchasing our theme and contacting our support center.

Yes, you can disable our theme wishlist completely and install the YITH wishlist plugin. But note that this plugin has the button on the single product page only. It doesn’t provide the button on the shop page and you can’t show the compare icon in the header. It is possible to add the compare page link to the menu only.

As for the filters, please, send us your admin and FTP access so we can check what is wrong. Also, turn off all third-party plugins temporarily.

Kind Regards
XTemos Studio

Please find in private content the information.
Thanks again for your help.

This FTP seems to be wrong and we can’t edit any files https://take.ms/upU1q

Hello
Strange, I asked the hostmaster to fix this, in the meanwhile I set the files and folder in 774 and it seems to work as the files are writeable but with an error (if you ignore the error it writes the file anyway). Sorry for this problem, we are also actually testing the hosting using open litespeed and there are some fix to do …

It looks like your website now is totally broken because of the wrong permissions for static files. Please, resolve this problem first with your hosting provider https://take.ms/rOy4W

Hello
Ok I set 777 for the whole theme folder now.

Try to do the following to fix the problem:

1. Edit the file woodmart/woocommerce/archive-product.php and remove the following code https://monosnap.com/file/pqKQDOAKwES62q2hRQV2yJ2vDJdnSO

2. Edit the file woodmart/inc/integrations/woocommerce/functions.php and the following code https://take.ms/j8DHq

<?php
/**
 * Hook: woocommerce_before_shop_loop.
 *
 * @hooked wc_print_notices - 10
 * @hooked woocommerce_result_count - 20
 * @hooked woocommerce_catalog_ordering - 30
 */
do_action( 'woocommerce_before_shop_loop' );
?>

Hello
Thank you, it seems to work fine now.
How could I do to fix this in a way that updates of the theme will not remove the fix ?
Will it be included in the next update or do I have to put the concerned functions into child-themes ? and if yes how to do it in the cleanest way ?

Thanks again.

Hello,

You can copy the whole file woodmart/woocommerce/archive-product.php to the child theme as well as the function from woodmart/inc/integrations/woocommerce/functions.php called woodmart_woocommerce_main_loop. You need to copy it to the functions.php file in the child theme.

Kind Regards

Hello
I m back on the project and there is still a problem with your solution. The thing is that as soon as a filter was applied (that means also when it’s cleared) the products display loop seems to use the default woocommerce template instead of the custom one of the theme, the (hover buttons, and the description are not more displayed).

Attachments:

You must be logged in to view attached files.

Hi,

This hover effect requires a small JS code to be executed right after the AJAX is complete. Ask your plugin developers where you can add such custom JS code. Here is a snippet for this

woodmartThemeModule.productHover();

Kind Regards

[Author]

Posts