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

标签 javascript jquery wordpress woocommerce

我试图根据 woocommerce 中的产品类别显示/隐藏链接。基本上,如果产品属于“拍卖”类别,我希望显示一个链接,将观众带到拍卖网站上的该商品。我真的不知道从哪里开始,但我之前已经这样做过,以更改滚动的 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
    }
  });
});

'

最佳答案

我不知道您要在哪里添加此链接,但 has_term() 似乎是此处应用的正确条件。

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 );

关于javascript - 如何根据产品类别隐藏/显示 woocommerce 产品页面上的链接?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43372512/

相关文章:

javascript - 动态添加按钮后刷新 jQm header

jquery动画帮助

html - UPDATE a table 删除一长串html

php - 悬停在 woocommerce 中的产品框后如何显示添加到购物车按钮?

wordpress - 我应该使用哪个 WordPress 主题框架?

javascript - 找不到 Electron 应用程序

javascript - 如何正确实现 Jquery Mobile Router 插件

javascript - 如何处理异步回调 promise 拒绝?

JavaScript 比较功能不起作用

javascript - 滚动时未触发鼠标悬停/鼠标输入