Replace WooCommerce single product gallery

remove_action( 'woocommerce_before_single_product_summary', 'woocommerce_show_product_images', 20 );

add_action( 'woocommerce_before_single_product_summary', function() {

	global $product;
	$wrapper_classes = apply_filters( 'woocommerce_single_product_image_gallery_classes', [
		'woocommerce-product-gallery',
		'woocommerce-product-gallery--with-images',
		'woocommerce-product-gallery--columns-1',
		'images',
	] );
	$wrapper_classes = esc_attr(
		implode( ' ', array_map( 'sanitize_html_class', $wrapper_classes ) )
	);

	?>
	<div class="<?php echo $wrapper_classes; ?>">
		<figure class="woocommerce-product-gallery__wrapper">
			<?php
			echo wpautop(
				wp_get_attachment_image(
					$product->get_image_id(), 'woocommerce_single'
				)
			);
			$gallery_images = $product->get_gallery_attachment_ids();
			foreach( $gallery_images as $id ) {
				echo wpautop(
					wp_get_attachment_image( $id, 'woocommerce_single' )
				);
			}
			?>
		</figure>
	</div>
	<?php

} );