[Resolved] Image not displayed after using filter tool

[Author]

Posts

[pierreD-4]

I am trying to: to display product images

Link to a page where the issue can be seen: Homepage

I expected to see: the products and their picture

Instead, I got: the products but the image is not displayed

[Jamal]

Hello and thank you for contacting the Toolset support.

Please check if this issue appears when:
- Only Toolset plugins are activated. It will tell us if there is an interaction issue with another plugin.
- The theme is set to a WordPress default like Twenty-Twenty. It will tell us if there is an interaction issue with your theme.
If the problem disappears, start activating one at a time to track where the incompatibility is produced.

If this does not help, allow me temporary access to check your website closely. Your next reply will be private to let you share credentials safely. ** Make a database backup before sharing credentials. **

[Jamal]

Thank you for the credentials.

The view is generating WooCommerce galleries instead of only the product image, using the following shortcode:

[wpv-woo-product-image size="woocommerce_thumbnail"]

The galleries are initialized on the first load, but after subsequent AJAX requests(after filtering) the galleries are not initialized, we need to add custom Javascript code to do it. I added the following code to trigger galleries initialization after filtering with AJAX or after AJAX pagination. hidden link

jQuery( document ).on( 'js_event_wpv_parametric_search_results_updated js_event_wpv_pagination_completed', function( event, data ) {
	jQuery( '.woocommerce-product-gallery', data ).each( function() {
      jQuery( this ).wc_product_gallery();
    } );
});

[pierreD-4]

Hi Jamal,

Thank you for your quick reply! Unfortunately it is still not working, is there something more I should do to make it work ?

[Jamal]

Sorry, I copied the wrong code. Now it is fixed:

jQuery( document ).on( 'js_event_wpv_parametric_search_results_updated js_event_wpv_pagination_completed', function( event, data ) {
	jQuery( '.woocommerce-product-gallery' ).each( function() {
      jQuery( this ).wc_product_gallery();
    } );
});

[pierreD-4]

Everything is working ! Thank you!