css - Woocommerce仅使用CSS定位商店页面

，这是我需要做的:

要使用css(我按如下所述创建的特定自定义类)在商店的主页上仅将作为的目标。

这是我到目前为止所做的并尝试过的操作:

我的子主题中有archive-product.php的替代模板。

在此替代模板中，我刚在产品循环开始之前添加了一个带有自定义类custom-shop-class的div，因为我想专门针对循环的产品。

我尝试使用page-id-4类进行定位，因为如果我将鼠标悬停在wp-admin中的“商店”页面上，它将给我http://.../post.php?post=4&action=edit

我遇到的问题如下:

从我发现的是，其他各种商店页面中不仅在主要的“商店”页面中都使用了相同的archive-product.php模板(如果我输入错了，请纠正我)，因此当我使用CSS定位custom-shop-class时，它会影响使用同一模板文件的所有其他商店页面，并且不会。

没有专门用于商店页面的唯一标识符或类，类似于body标签中的page-id-??类(与通常的WP页面一样)。

关于最佳方法/解决方案有什么建议吗？

提前致谢，
马里奥

最佳答案

设置条件语句以检查主要商店页面，然后在该div语句的评估结果为true时回显所涉及的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;?>

Conditional Tags | WooThemes Documentation

关于css - Woocommerce仅使用CSS定位商店页面，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/37578204/