Woocommerce 单一产品页面定制 [关闭]答案

【问题标题】：Woocommerce Single Product Page Customzation [closed]Woocommerce 单一产品页面定制 [关闭]
【发布时间】：2023-03-18 18:20:02
【问题描述】：

See Full Image

我想使用这个红色标记的区域

我尝试了一些插件，也尝试了一些 css，但它不起作用是否可以增加图像 div 的大小并将文本向右移动？

注意：没有使用侧栏模板

您可以通过此链接查看页面：http://demo.challengershub.com/product/mount-everest/

【问题讨论】：

标签： php css wordpress woocommerce

【解决方案1】：

是的，您可以更改包含图像和描述的列宽。

在 CSS 中添加下面的代码，第一个块用于图像列，第二个块用于内容列。当然，您可以更改百分比以更好地满足您的需求。

.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
    width: 70%;
}

.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
    width: 28%;
}

【讨论】：

它工作得很好，谢谢分配。非常感谢。
但它在移动端不再响应式了你能帮我解决这个问题吗，截图：imgur.com/gallery/SSn19Cw