首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >WooCommerce产品页面css

WooCommerce产品页面css
EN

WordPress Development用户
提问于 2020-09-29 19:21:38
回答 1查看 298关注 0票数 1

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

非常基本的WooCommerce单产品页面具有Product,它们都出现在一个大列下面。

实际上,我可以在哪里修改Product的样式和css,这样我就可以将它们放在两个(或更多)列中而不是一个大行中。

我看到表本身是在“woocommerce-product”和"shop_attributes“类下生成的?

EN

回答 1

WordPress Development用户

发布于 2020-09-29 23:23:19

实际上,您已经完成了大部分工作,通过识别类(做得很好!)找到了这一点。然后,您所要做的就是对这两个人的WooCommerce代码进行grep,然后在templates/single-product/product-attributes.php中都可以找到它们。

因此,要重构表,所需要做的就是覆盖单产品/产品-属性. the模板,并按您的意愿构建表。您需要将其添加到您的主题中,或者创建一个子主题,并在其中包含修改后的版本。来自WooCommerce文档:

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

票数 1
EN
页面原文内容由WordPress Development提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://wordpress.stackexchange.com/questions/375648

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档