css - CSS ID WooCommerce 商店页面

Question

WooCommerce 商店页面是否有像单一产品等那样的 CSS ID，以便我可以轻松地仅针对该页面定位 CSS？

标签： csswoocommerce

Answer 1

WooCommerce 没有专门为主商店页面添加正文类。 post-type-archive-product对于大多数情况来说可能就足够了。

但是，如果您想专门设计主商店页面而不是所有产品档案，那么您可以使用过滤器：

add_filter('body_class', 'add_my_woocommerce_shop_body_class');
function add_my_woocommerce_shop_body_class($classes)
{
    if (is_shop()) {
        $classes[] = 'my-woocommerce-shop-class';
    }
    return $classes;
}