在其他div woocommerce中移动产品库

Question

很长一段时间以来我一直在想这个问题，并尝试了几次，但我无法使其正常工作。

是否可以将图像的图库缩略图移动到另一个div中？

我有默认的single-product.php，我想更改其布局。

搜索了一段时间后，我终于找到了产品图像所需的文件。 product-image.php加载图像，并且在此文件中，还有一个用于加载缩略图的钩子

do_action (‘woocommerce_product_thumbnails’);

此挂钩的格式为product-thumbnails.php文件。

缩略图现在就像一种滑块一样工作。当您单击它时，主图像会改变。

是否可以使我的single-product.php文件像这样：

<div id="block-shop" class="block">
    <div class="block-inner">
        <div class="row">
            <div class="col-lg-6 col-md-6 col-sl-6 col-xs-12">
                <?php [Hook for product main image] ?>
            </div>
            <div class="col-lg-6 col-md-6 col-sl-6 col-xs-12">
                <?php [Product video] ?>
            </div>
        </div>
    </div>
</div>
<div id="block-shop" class="block">
    <div class="block-inner">
        <div class="row">
            <div class="col-lg-6 col-md-6 col-sl-6 col-xs-12">
                <?php [Hook for product thumbnails that changes the main image when clicking on it] ?>
            </div>
            <div class="col-lg-6 col-md-6 col-sl-6 col-xs-12">
                <?php [Something else] ?>
            </div>
        </div>
    </div>
</div>

这可能吗？如果可以，怎么办？

我已经尝试将此钩子添加到我的single-product.php文件中： do_action（‘woocommerce_product_thumbnails’）;

这将输出缩略图，但不会以画廊的形式输出主图像。