将类添加到Woocommerce商店页面上的类别列表项

用户名

我正在使用Woocommerce和Storefront来构建自定义网站,并且我正拼命寻找将类添加到商店(归档)页面的列表项中。我的商店目录显示类别项目。

我可以找到无序列表,一个标签...但是找不到列表项。

有人知道在哪里可以找到它,或者如何向它添加类吗?

商店归档网址为:(localhost/thesite/shop 但不是产品类别归档页面localhost/thesite/product-category/catname

<ul class="product columns-3">
    <li class="product-category product first">
        <a href="//localhost/thesite/product-category/catname"></a>
    </li>
    <li class="product-category product"></li>
    <li class="product-category product"></li>
</ul>
LoicTheAztec

对于商店页面上的类别 (当您在产品目录上“显示类别”时),您将使用以下挂钩(在这里我们添加了一个附加类别custom_cat

add_filter( 'product_cat_class', 'filter_product_cat_class', 10, 3 );
function filter_product_cat_class( $classes, $class, $category ){
    // Only on shop page
    if( is_shop() )
        $classes[] = 'custom_cat';

    return $classes;
}

代码进入您的活动子主题(或活动主题)的function.php文件中。经过测试和工作。

注意:涉及的相关模板是content-product_cat.php


当在商店页面上同时显示类别和产品时,可选(如果需要)。

对于商店页面上的产品,您将使用以下挂钩(在这里我们添加了一个附加类custom_prod

add_filter( 'post_class', 'filter_product_post_class', 10, 3 );
function filter_product_post_class( $classes, $class, $product_id ){
    // Only on shop page
    if( is_shop() )
        $classes[] = 'custom_prod';

    return $classes;
}

代码进入您的活动子主题(或活动主题)的function.php文件中。经过测试和工作。

注意:涉及的相关模板是content-product.php

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

Woocommerce 5.4.1:如何将挂钩添加到存档页面上的特定帖子 - 商店页面

WooCommerce - 停止自动将产品属性(标签)添加到存档页面上的 li 类

将类添加到生成的列表中的列表项

替换“特定”类别的商店和档案页面上的“添加到购物车”文本

在WooCommerce结帐页面上将运输类别添加到身体类别

Woocommerce 3商店页面上“添加到购物车”下的“添加额外”按钮

将类添加到jQuery中的活动列表项

将Woocommerce父类别添加到WP'body'类

WooCommerce:将类别添加到变体下拉列表中

在Woocommerce商店页面上自定义添加到购物车按钮

在WooCommerce商店页面上将数量字段添加到Ajax添加到购物车按钮

如何仅将搜索表单添加到商店页面和类别页面?

如何将导航栏添加到每个管理页面但不在商店页面上

将类添加到 Wordpress 档案列表中的类别

将“添加到购物车”按钮替换为WooCommerce 3中与商店页面上的产品页面链接的更多信息

将页脚添加到eBay商店类别/搜索/自定义页面

Woocommerce将类别添加到标签

将 body 类添加到基于 URL 的页面列表

在页面或子页面上时,使用PHP将活动类添加到导航链接吗?

将图像页面横幅添加到商店页面

Woocommerce 如何将添加到购物车按钮集中在单个页面上

尝试通过状态将类添加到列表项元素时出现解析错误

将css类添加到列表项,但jQuery中的最后一个除外

无法将Active类添加到React Map函数中的组列表项

如何动态地将 css 类添加到 DropDownList Razor 中的选择列表项

将术语slug作为类添加到Woocommerce的产品类别div标签中

将标签类添加到导航菜单中的当前 Woocommerce 产品类别

将列表项添加到无序列表

将类从页面上的其他对应元素添加到元素