首页 文章

将Woocommerce产品图片库移至特色图像的一侧[关闭]

提问于
浏览
-1

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

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

1 回答

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

相关问题