Javascript 如何在woocommerce中根据产品类别隐藏/显示产品页面上的链接?

Javascript 如何在woocommerce中根据产品类别隐藏/显示产品页面上的链接?,javascript,jquery,wordpress,woocommerce,Javascript,Jquery,Wordpress,Woocommerce,我试图显示/隐藏一个链接,该链接依赖于woocommerce中的产品类别。基本上,如果产品属于“拍卖”类别,我希望有一个链接可以显示出来,可以将观众带到拍卖网站上的物品。我真的不知道从哪里开始,但我以前做过这件事来更改scroll上的css,所以我打算尝试采用相同的方法(根据产品类别更改“显示”值。到目前为止,这是我一直在尝试的 <script language="JavaScript" type="text/javascript"> $(document).rea

我试图显示/隐藏一个链接,该链接依赖于woocommerce中的产品类别。基本上,如果产品属于“拍卖”类别,我希望有一个链接可以显示出来,可以将观众带到拍卖网站上的物品。我真的不知道从哪里开始,但我以前做过这件事来更改scroll上的css,所以我打算尝试采用相同的方法(根据产品类别更改“显示”值。到目前为止,这是我一直在尝试的

   <script language="JavaScript" type="text/javascript">
      $(document).ready(function(){
     if ($(product_cat) = "Auction") { // check if category is auction
      $("a.WireBids").css("display", "inherit"); // if yes, show wirebids link
    } else {
      $("a.WireBids").css("display", "none"); // if not, hide wirebids link
    }
  });
});

$(文档).ready(函数(){
如果($(产品类别)=“拍卖”){//检查类别是否为拍卖
$(“a.WireBids”).css(“显示”、“继承”);//如果是,则显示WireBids链接
}否则{
$(“a.WireBids”).css(“显示”、“无”);//如果不是,则隐藏WireBids链接
}
});
});

我不知道您试图在哪里添加此链接,但
的条件似乎适合在此处应用

function so_43372512_maybe_show_auction_link(){

    if( has_term( 'auction', 'product_cat' ) ) {
        echo '<a href="http://www.stackoverflow.com/">' . __ ( 'Auction Link', 'your-plugin' ) . '</a>';
    }
}
add_action( 'woocommerce_single_product_summary', 'so_43372512_maybe_show_auction_link', 35 );
功能因此\u 43372512\u可能\u展示\u拍卖\u链接(){
如果(有术语(‘拍卖’、‘产品’)){
回声';
}
}
添加行动(“woocommerce\u single\u product\u summary”、“so\u 43372512\u maybe\u show\u auction\u link”,35);

在Wordpress中,您需要使用jQuery(document).ready(函数($){
而是让它工作……谢谢,这是有道理的。但是,我认为我在woocommerce中对产品类别使用了错误的变量。为什么要使用Javascript呢?Javascript现在是如何定义产品类别的?我的想法是根据产品的。你有什么建议吗?基本上,我们发布了很多拍卖物品。因此,理想情况下,在拍卖开始时,我可以添加“拍卖”类别,而不是手动为每个物品添加拍卖页面的链接而且它会自动使用“显示”将链接显示到该类别中的任何项目。非常感谢,您肯定有我的玛格丽塔酒。我没有太多经验,所以非常感谢您的帮助!效果非常好。