Question

我很感激收到了其他人在Stackoverflow上发布问题几个月的建议。我以为我会走出阴影，看看是否有人能够帮助我解决一个特定的问题，我在这里或者其他有关woocommerce的消息来源也找不到答案。

我正在为我的兄弟做一个家庭项目，同时前往火车上班，但我很难在我的网站上找到WOOCOMMERCE产品页面，看看我希望它看起来如何。

我正在尝试将产品摘要信息延伸到整个屏幕上，以显示在产品图片上方，所有内容都集中在页面上。到目前为止，我已经在functions.php文件中使用了删除/添加操作来过滤/订购项目，基本上我希望它们如何显示。因此，在全屏模式下，它仍然看起来相同，图像位于摘要信息的左侧，但是在较窄的屏幕模式下，摘要信息位于图像上方。知道那是什么意思吗？

您可以在我的测试域中看到我的意思＆gt; http://cowbay.co.uk/?product=el-fregadero

如果我能做到这一点，那么我还想删除特色图片，只需要有大的缩略图，这些缩略图可以在点击时调出灯箱。

谢谢你的阅读。

Answer 1

更改CSS中的以下内容

.woocommerce #content div.product div.summary, 
.woocommerce div.product div.summary, 
.woocommerce-page #content div.product div.summary, 
.woocommerce-page div.product div.summary{
    /* float: right; */
     width: 100%
}

.woocommerce #content div.product div.images, 
.woocommerce div.product div.images, 
.woocommerce-page #content div.product div.images, 
.woocommerce-page div.product div.images{
    margin: auto;
    /*float:left;*/
    /*width: 48%; */  <-- you can change it to 80% if you wish
}

WOOCOMMERCE单一产品布局定制

1 个答案: