在产品库部分仅显示单个产品图片

Question

我正在借助Wordpress和Woocommerce开发一个电子商务网站。我上传了一些产品图片，在“产品库”部分中，还上传了更多其他不同颜色的产品图片。

但是在我的网站的单个产品页面（在localhost上运行）中，它在单个产品和图库部分显示了相同的图像。

我在我的functions.php文件中使用了以下代码：

//Remove default single product image
remove_action( 'woocommerce_before_single_product_summary', 'woocommerce_show_product_images', 20 );

//Add custom single product image 
add_action( 'woocommerce_before_single_product_summary', 'sareemela_woocommerce_show_product_images', 20 );

//Custom function for display product images 
function sareemela_woocommerce_show_product_images() { 
    ?>
    <div class="col-md-5 col-sm-5 mb-xs-30">
        <div class="fotorama" data-nav="thumbs" data-allowfullscreen="native">
            <a href="<?php the_permalink(); ?>"><?php woocommerce_template_loop_product_thumbnail(); ?></a>
            <a href="<?php the_permalink(); ?>"><?php woocommerce_template_loop_product_thumbnail(); ?></a>
        </div>            
    </div>
    <?php 
}

我要在单个产品图片下方显示产品库图片