将 Woocommerce 产品图片库移动到特色图片的一侧 [关闭]答案

【问题标题】：Move Woocommerce Product Image Gallery to Side of Featured Image [closed]将 Woocommerce 产品图片库移动到特色图片的一侧 [关闭]
【发布时间】：2018-03-21 00:11:49
【问题描述】：

我正在自定义安装了 WooCommerce 的 WordPress 主题。客户希望单个产品页面上的图片库从主图片下方移动到其旁边（在产品摘要下方）。我尝试简单地将do_action( 'woocommerce_product_thumbnails' ); 从product-image.php 移动到content-single-product.php 中的摘要之后，但这破坏了将特色图像更改为您单击的内容的能力，并且还破坏了灯箱功能。

我需要怎么做才能将该画廊移到我想要的右侧？

【问题讨论】：

您使用的是哪个版本的 WooCommerce？
我使用的是 3.3.4

标签： php wordpress woocommerce customization

【解决方案1】：

您可以删除该操作，然后将其重新添加以将产品照片重新定位在产品摘要下方。将此代码添加到您的 functions.php 文件中。

remove_action( 'woocommerce_product_thumbnails', 'woocommerce_show_product_thumbnails', 20 );
remove_action( 'woocommerce_before_single_product_summary', 'woocommerce_show_product_images', 20 );
add_action( 'woocommerce_single_product_summary', 'woocommerce_show_product_thumbnails', 25 );
add_action( 'woocommerce_single_product_summary', 'woocommerce_show_product_images', 25 );

唯一的问题是它的外观取决于您使用的主题画廊不会是列的 100% 宽度。我尝试使用 2016 主题并使用此 CSS 使画廊的页面全宽。

#content .twentysixteen div.product div.images {
   width:100%;
}

【讨论】：

感谢您的回答！我确实知道这种方法，它确实将图像移动到我想要的位置。但是，它似乎破坏了灯箱和特色图片更新功能。
Lightbox 在 2016 主题上对我来说效果很好。您必须详细说明打破它的意思？控制台中是否有任何错误？你用的是什么主题？
在这种情况下，可能是我的主题有错误。我正在使用 Understrap 的儿童主题（我知道，不是最好的，但它就是这样）。我没有收到任何控制台错误，所以我猜我得做一些测试。
@KreigD 我一直都在使用它们，它们很好，也许更新到最新版本的子主题可能会增强对 WooCommerce 的支持。失败了，你需要灯箱功能吗？如果没有，则通过一些操作将其关闭。
我确实需要灯箱功能。我确定这只是儿童主题中的某些东西搞砸了，我只需要找到它。