CSS ID WooCommerce 商店页面

Question

WooCommerce 商店页面是否有一个 CSS ID（如单个产品等），以便我可以轻松地将 CSS 仅定位到该页面？

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;
}