将Woocommerce产品图片库移动到特色图像的一侧

Question

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

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

Answer 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%;
}