在 WooCommerce 中使用 CSS 仅定位单个产品页面
Target only single product pages with CSS in WooCommerce
使用 CSS 我基本上是使用 display:none 在 WooCommerce 中隐藏数量字段。但它也删除了购物车和心愿单页面上的数量字段。
如何只定位单个产品页面？
我也可以通过页面 ID 来完成，但我有 100 种产品，这不是一种实用的方法。
要定位 Woocommerce 单一产品页面，只需使用 <body> class single-product。
例如隐藏数量字段（仅在单个产品页面上）：
.single-product .quantity {
display:none;
}
使用 CSS 我基本上是使用 display:none 在 WooCommerce 中隐藏数量字段。但它也删除了购物车和心愿单页面上的数量字段。
如何只定位单个产品页面？
我也可以通过页面 ID 来完成，但我有 100 种产品，这不是一种实用的方法。
要定位 Woocommerce 单一产品页面，只需使用 <body> class single-product。
例如隐藏数量字段（仅在单个产品页面上）：
.single-product .quantity {
display:none;
}