Как добавить кнопку на некоторые продукты Woocomerce

Question

Я хотел бы добавить кнопку с пользовательской ссылкой на некоторые продукты woocommerce.

Я частично решил проблему, добавив следующий код:

 jQuery(function($) {
   $('.woocommerce .product_meta ').after ('<a class="button" href="http://www.ekosport.fr/N1-GL3357-community-touring-club.html">Acheter sur Ekosport</a>');
 });

Но я хотел бы добавитьУсловие: кнопка должна быть скрыта в категории «Текстильный CTC»

Вот пример продукта: https://communitytouringclub.com/produit/t-shirt-ctc/

Спасибо за помощь

PS:код jquery на данный момент не активирован

Answer 1

Вы можете использовать jQuery filter в вашем .product_meta выделении, чтобы проверить, соответствует ли текстовое содержимое дочернего элемента .posted_in > a такой строке, как "Textile CTC".

Затем вставьте толькоразметка кнопки с помощью после для отфильтрованного выделения.

const matchText = "Textile CTC";

$(function() {
  $(".product_meta")
    .filter(function() {
      return (
        $(this).find(".posted_in > a").text() === matchText
      );
    })
    .after(
      '<a class="button" href="http://www.ekosport.fr/N1-GL3357-community-touring-club.html">Acheter sur Ekosport</a>'
    );
});

.button {
  background: blue;
  color: white;
  margin: 10px;
  padding: 10px;
  display: inline-block;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div class="product_meta">
  <span class="sku_wrapper">UGS&nbsp;: 2018-men-CTC-t-shirt-1</span>
  <span class="posted_in">Catégorie&nbsp;:
      <a href="https://communitytouringclub.com/categorie-produit/textile-ctc/" rel="tag">Textile CTC</a>
    </span>
</div>
<div class="product_meta">
  <span class="sku_wrapper">UGS&nbsp;: 2018-men-CTC-t-shirt-1</span>
  <span class="posted_in">Catégorie&nbsp;:
      <a href="https://communitytouringclub.com/categorie-produit/textile-ctc/" rel="tag">Somthing else</a>
    </span>
</div>