Эффективные способы добавления текста перед названием продукта

Метод 1: изменение структуры HTML
HTML обеспечивает гибкость изменения структуры списков продуктов. Добавив определенный элемент HTML перед названием продукта, вы можете включить дополнительный текст. Вот пример использования элемента <span>:

<div class="product-listing">
  <span class="additional-text">New Arrival:</span>
  <h2 class="product-title">Product Title</h2>
</div>
const productTitle = document.querySelector('.product-title');
const additionalText = document.createElement('span');
additionalText.textContent = 'New Arrival: ';
productTitle.parentNode.insertBefore(additionalText, productTitle);
function add_additional_text_before_product_title($title, $product_id) {
    $additional_text = 'New Arrival: ';
    return $additional_text . $title;
}
add_filter('the_title', 'add_additional_text_before_product_title', 10, 2);
.product-title:before {
  content: "New Arrival: ";
}