Woocommerce 仅使用 css 定位商店页面

Question

这是我需要做的：

这是我到目前为止所做和尝试的：

我的archive-product.php子主题中有一个覆盖模板。
在这个覆盖模板中，我custom-shop-class在产品循环开始之前添加了一个带有自定义类的 div ，因为我想专门针对循环产品。
我尝试使用类进行定位，page-id-4因为如果我将鼠标悬停在 wp-admin 中的“商店”页面上，它会给我http://.../post.php?post=4&action=edit

我遇到的问题如下：

根据我的发现，archive-product.php在其他各种商店页面中使用了相同的模板，而不仅仅是在主“商店”页面中（如果我错了，请纠正我），所以当我custom-shop-class用 CSS定位我时，它会影响所有其他商店页面都使用相同的模板文件，而且一定不能。
没有专门用于商店页面的唯一标识符或类，类似于page-id-??body 标签中的类（如通常的 WP 页面）。

关于最佳方法/解决方案的任何建议？

提前致谢，马里奥。

Answer 1

设置一个条件语句来检查主商店页面，然后如果该语句评估为真，则回显有问题的 div。

主商店页面的 WooCommerce 条件标签：

is_shop()

例子

if (is_shop()) {
echo "<div class='custom-shop-class'></div>";
} else {
echo "<div class='custom-product-category-class'></div>";
}

或者：

<?php if (is_shop()):?>
<div class="custom-shop-class"></div>
<?php else: ?>
<div class="custom-product-category-class"></div>
<?php endif;?>