Product Filter by WBW issues

[goclimbing]

In this thread near the bottom Basti and I get into looking at the problems I'm experiencing with the Product Filter plugin. I'm moving that discussion to here.

https://github.com/orgs/bootscore/discussions/896#discussioncomment-11579356

This is the site before switching to bootscores. It's running understrap. The plugin is widely used and gets great reviews. So something in the theme.

https://stg-psbullion-dev.kinsta.cloud/shop/

Site where it doesn't work:
https://psbullion.kinsta.cloud/shop/

select any check box on the latter site and it reloads the page rather than just reloading the content.

So far I've tried.

• Disable AJAX cart with this two filters as described here https://bootscore.me/documentation/woocommerce/#restoring-woocommerce-s-default-functionality

Disabling AJAX had no effect.

• Comment each line in functions.php Lines 37 to 61 Lines 18 to 29 and wc-functions.php until you have found it:

Commenting out those lines did not change the behavior. There were couple lines I could not comment out as it would throw a fatal error. Those are lines:
47 require_once('inc/navwalker.php'); // Register the Bootstrap 5 navwalker
53 require_once('inc/widgets.php'); // Register widget area and disables Gutenberg in widgets

25 require_once('inc/wc-setup.php');

I have also reset the child theme to the original eliminating any of my code.

On my local dev env i have disabled all plugins other than the filter and WC.

We have the pro version so I might check with their support to see if they could take a look. Obviously no promises there.

[crftwrk]

It seems that this has something to do in woocommerce/loop/ files, but I can't figure out this quickly.

Installed the plugin here https://dev.bootscore.me/shop/ with shortcode in the sidebar and works. There are settings in the plugin options tab where you can disable AJAX or define a container selector:

Disable AJAX	Define container

It seems that the default product class in loop-start.php or content-product.php is missing. This settings are a workaround, but not a solid solution. It would be great if you can compare this files from Understrap/Bootscore and check what is the difference. A PR is highly appreciated.

[crftwrk]

Got it. Plugin uses ul.procucts for default container, but Bootscore uses a div here. So, we have to change the div to ul here:

bootscore/woocommerce/loop/loop-start.php

Line 24 in 901372f

<div class="row g-4 mb-4 products">

bootscore/woocommerce/loop/loop-end.php

Line 23 in 901372f

</div><!-- row in loop-start.php -->

And change div to li here:

bootscore/woocommerce/content-product.php

Line 29 in 901372f

<div class="<?= apply_filters('bootscore/class/woocommerce/col', 'col-md-6 col-lg-4 col-xxl-3'); ?>">

bootscore/woocommerce/content-product.php

Line 75 in 901372f

</div>

bootscore/woocommerce/content-product-cat.php

Line 23 in 901372f

<div <?php wc_product_cat_class(apply_filters('bootscore/class/woocommerce/col', 'col-md-6 col-lg-4 col-xxl-3'), $category); ?>>

bootscore/woocommerce/content-product-cat.php

Line 65 in 901372f

</div>

Want to contribute and create a PR?