仅使用图库图像为WooCommerce创建响应滑块

Question

我试图为画廊图像创建一个滑块，仅在单击每个图像时使用展开的灯箱。我使用以下代码杀死了默认产品图片上的图片库：

remove_action( 'woocommerce_product_thumbnails', 'woocommerce_show_product_thumbnails', 20 );

我现在有了这个容器，其中包含WooCommerce产品的图库图像。

<!--Gallery images slider-->
<div class="wp-post-image">
    <div id="Slider_Arrow_Container">
        <div id="Slider_Arrow_Left"></div>
        <div id="Slider_Arrow_Right"></div>
    </div>
    <? wc_get_template( 'single-product/product-thumbnails.php'); ?>
</div>

从这里如何将其转换为成品滑块？到目前为止，我所看到的每个示例都将特色图片与静态<li>一起使用...我不希望特色图片，而只是图库图片。如您所见，我需要保持动态，因为我不知道每个产品现在或将来将拥有多少画廊图像。