woocommerce_shop_loop_item_title

11 февраля, 2025
Узнайте, как использовать хук woocommerce_shop_loop_item_title для изменения заголовков товаров в списках WooCommerce
Быстрая навигация по записи

Описание woocommerce_shop_loop_item_title

— Action

Хук woocommerce_shop_loop_item_title позволяет изменить или добавить содержимое заголовка товара в цикле магазина WooCommerce. Он срабатывает при выводе заголовка каждого товара на страницах архивов товаров и позволяет кастомизировать заголовок, добавляя или изменяя текст, а также HTML-разметку

Примеры использования

Пример изменения заголовка товара:

				
					add_action('woocommerce_shop_loop_item_title', function() {
   global $product;
   echo '<h2 class="custom-title">' . $product->get_name() . ' - Специальное предложение</h2>'; 
}, 10);
				
			

В этом примере мы изменяем заголовок товара, добавляя текст ‘ — Специальное предложение’.

Пример добавления HTML-кода перед заголовком товара:

				
					add_action('woocommerce_shop_loop_item_title', function() {
   echo '<div class="sale-banner">Скидка!</div>'; 
}, 5);
				
			

Здесь мы добавляем баннер ‘Скидка!’ перед заголовком каждого товара.

Пример изменения заголовка товара на основе его категории:

				
					add_action('woocommerce_shop_loop_item_title', function() {
   global $product;
   if (has_term('sale', 'product_cat', $product->get_id())) {
       echo '<h2 class="sale-title">' . $product->get_name() . ' - Акция!</h2>'; 
   } else {
       echo '<h2>' . $product->get_name() . '</h2>'; 
   } 
}, 10);
				
			

В этом примере мы изменяем заголовок, если товар находится в категории ‘sale’.

— Лучшие практики

– Использование

Используйте этот хук, когда необходимо изменить отображение заголовков товаров на страницах магазина WooCommerce

– Производительность

Хук не должен значительно влиять на производительность, так как изменения касаются только вывода HTML

– Предупреждения

Обращайте внимание на структуру заголовков для SEO и доступности

Альтернативы

Тип: action

Этот хук позволяет добавлять содержимое после заголовка товара, например, цену или кнопку ‘Добавить в корзину’

Используйте его, если нужно добавить дополнительную информацию сразу под заголовком товара

Оставить комментарий

Нужна помощь с WordPress WooCommerce плагинами темой оптимизацией ?

Упрощаем сложное, создаем впечатляющее!
100% без риска
Нет обязательств по найму
Бесплатная оценка
5900 ₽
Автомобильный каталог
Шаблон авто сайта на русском языке, преображающий онлайн-сервисы для автодилеров и профессионалов автобизнеса. Стильный и интуитивно понятный дизайн обеспечивает быстрый поиск автомобиля мечты

Поможем вывести Ваш бизнес на новый уровень!

Проснувшись однажды утром после беспокойного сна, Грегор Замза обнаружил

Добро пожаловать!

Авторизуйтесь, чтобы продолжить

или

Забыли пароль? Восстановить

* Если аккунта у Вас еще нет, то он будет создан автоматически

Давайте составим техническое задание!
100% без риска
Нет обязательств по найму
Бесплатная оценка стоимости
Здравствуйте! Я асистент на основе искусственного интеллекта. Вы можете общаться со мной, как с человеком — задавайте вопросы, описывайте свои идеи и требования.

С удовольствием помогу вам составить техническое задание для вашего WordPress проекта. Если Вам нужна техническая поддержка по купленному у нас плагину или шаблону, то создайте тикет в личном кабинете.

Выберите подходящий вариант или опишите свою задачу в свободной форме, и я помогу вам составить четкий план действий, для оценки стоимости нашими разработчиками! 😊