fbpx
Want To Add Extra Images Per Product Variation For Free? Download Now

Swatches conflict with JetSmartFilters

Bence Nagy

Hi!

I use variation swatches to display variatins on archive pages too. I also use products grid widget to display products. I made the two plugin compatible succesfully based on your instructions: https://crocoblock.com/knowledge-base/tips-and-tricks/fail-to-add-variation-swatches-to-jetwoobuilder-products-grid-or-list/

However I have an another problem: I also use JetSmartFilters and after filtering, variations disappear. I inserted some php snippets in functions.php based on your chat support, but the problem still remain.

How can I solve this problem?

You can try it here: https://claudiodessidebrecen.hu/termekeink/

PHP snippets I tried:

add_action('wp_footer', function(){
?>
<script id="gwp-jet-filter-8e47a940bdcc">
jQuery(document).on('jet-filter-content-rendered', function(){
jQuery(document).trigger('woo_variation_swatches_pro_init');
});
jQuery(document).on(' jet-load-more-content-rendered', function(){
jQuery(document).trigger('woo_variation_swatches_pro_init');
});
</script>
<?php
}, 99);

And:

add_action( 'wp_footer', 'wvs_jet_product_grid_support', 99 );
function wvs_jet_product_grid_support(){
?>
<script id="gwp-jet-grid">
jQuery(document).on('jet-engine/listing-grid/after-load-more', function(){
jQuery(document).trigger('woo_variation_swatches_pro_init');
});

</script>
<?php
};

Hakik Zaman

Hi Bence,

Thanks for reaching out to us.

Please make sure you are displaying a different template after filtering or not. Try to contact the Jet Filter team to ensure your page is set up. I hope they will happily help you with the setup.

One of our customers already faced the same issue.

https://getwooplugins.com/ticket/136439/

Thank You