Um auf der Shopseite oder in Kategorie-Archiven von WooCommerce die Artikel im Masonry Layout aufzulisten, hilft folgende Funktion im Childtheme
// Load isotope scripts on the shop pages
add_action( 'wp_footer', function() {
if ( wpex_is_woo_shop() || wpex_is_woo_tax() ) {
wpex_enqueue_isotope_scripts();
}
} );
// Add masonry classname to WooCommerce grid
add_filter( 'wpex_woo_loop_wrap_classes', function( $classes ) {
if ( is_array( $classes ) ) {
$classes[] = 'wpex-masonry-grid';
} else {
$classes .= ' wpex-masonry-grid';
}
return $classes;
} );
// Add masonry class to woo entries
add_filter( 'post_class', function( $classes, $class = '', $post_id = '' ) {
if ( wpex_is_woo_shop() || wpex_is_woo_tax() ) {
$classes[] = 'isotope-entry';
}
return $classes;
}, 60, 3 );
Quelle: https://wpexplorer-themes.com/total/snippets/apply-masonry-layout-to-woocommerce-shop/