在Woocommerce产品页面上强制布局

Question

我正在使用店主wp主题上的woocommerce订单构建器插件。 在默认的广告外观中，订单生成器应接管产品页面，使其易于阅读，但此主题似乎有其自己的规则。 而不是整个页面，我在页面左侧获得woocommerce占位符图像，订单生成器挤压到右侧，这使得您难以理解所订购的商品。

我读过某个地方，我需要“使用CSS强制将想要的元素放到正确的位置并显示”，但不知道如何处理。

非常需要您的帮助。

Answer 1

重要警告：我认为您最好在此处编辑HTML-删除不需要的部分，并在要扩展的部分上调整列样式类。挂钩可以提供一种干净的方法，也可以覆盖模板文件：https://docs.woocommerce.com/document/template-structure/

但是，为了让您快速（尽管很老套）修复，这里有一些CSS可供您使用：

.product_content_wrapper>.row>.large-6.medium-12.columns {
    display: none;
}
.product_content_wrapper>.row>.large-4.xlarge-5.xxlarge-5.large-push-0.columns {
    width: 100% !important; /** This is the really hacky part**
}

从长远来看，这可能会带来意想不到的结果，因为尽管它尽可能精确地定位了目标，但它却以意想不到的方式重新设计了助手类的样式。