首页 > 后端开发 > php教程 > 如何使侧边栏项目对 WooCommerce 中的当前产品处于活动状态?

如何使侧边栏项目对 WooCommerce 中的当前产品处于活动状态?

Linda Hamilton
发布: 2024-11-13 06:41:02
原创
210 人浏览过

How to Make Sidebar Items Active for the Current Product in WooCommerce?

WooCommerce 中当前产品的活动侧边栏项目

向 WooCommerce 产品详细信息页面添加侧边栏是增强用户体验的一种方法。但是,您可能会遇到识别当前产品并相应显示“活动”类别的挑战。

获取当前产品 ID

要添加“ active”类给侧边栏当前选中的产品,需要获取当前产品的ID。在 3.0 之前的 WooCommerce 版本中,您可以使用以下代码访问产品 ID:

echo get_the_ID();
登录后复制

但是,在 WooCommerce 3.0 及更高版本中,您需要使用此修改后的代码:

global $product;
$id = $product->get_id();
登录后复制

此代码使用全局 $product 变量访问产品,然后使用 get_id() 检索其 ID

添加“Active”类

获得当前产品 ID 后,您可以将其与侧边栏中的产品 ID 进行比较,然后添加如果它们匹配,则为“活动”类。下面是一个示例:

登录后复制

此代码将之前获取的产品 ID ($id) 与当前侧边栏项目的 ID ($li) 进行比较。如果它们匹配,则会将“active”类添加到

  • 中。

    通过实现此代码,您可以有效地显示与 WooCommerce 主题中当前所选产品相对应的侧边栏项目的“活动”类。

  • 以上是如何使侧边栏项目对 WooCommerce 中的当前产品处于活动状态?的详细内容。更多信息请关注PHP中文网其他相关文章!

    来源:php.cn
    本站声明
    本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
    作者最新文章
    热门教程
    更多>
    最新下载
    更多>
    网站特效
    网站源码
    网站素材
    前端模板