WooCommerce Product Page css

时间:2020-09-29 作者:Rain

我是Wordpress/WooCommerce的新手,我正在尝试做一些我认为很简单的事情。

非常基本的WooCommerce单产品页面具有产品属性,它们都显示在一个大列下。

new

我在哪里可以修改产品页面的样式和css,这样我就可以将它们放在两列(或更多)而不是一大行中?

我看到表本身是在class”下生成的;woocommerce产品属性“;和;shop\\u属性?

1 个回复
SO网友:Rup

实际上,通过识别类,您已经完成了大部分查找工作(做得好!)。然后,你所要做的就是为这两个人grep WooCommerce代码,你会在templates/single-product/product-attributes.php.

因此,重组表所需做的就是重写单个产品/产品属性。php模板并根据需要构建表。您需要将其添加到主题中,或创建子主题,并在其中包含修改后的版本。来自WooCommerce文档:

(我认为不可能仅通过CSS来重构表,因为这是一个每个属性都有一个TR的HTML表-我认为您必须更改HTML。但我可能错了。)

相关推荐