Описание woocommerce_after_shop_loop_item
— Action
Хук woocommerce_after_shop_loop_item срабатывает после вывода каждого товара в цикле магазина WooCommerce. Он позволяет добавлять дополнительный HTML или функциональность после информации о товаре, что помогает кастомизировать страницу магазина.
Примеры использования
Пример добавления кнопки ‘Купить сейчас’ после каждого товара:
add_action('woocommerce_after_shop_loop_item', function() {
echo '<a href="'. get_permalink() .'" class="button">Купить сейчас</a>';
});
Этот код добавляет кнопку ‘Купить сейчас’ с ссылкой на страницу товара.
Пример добавления кастомного текста после товара:
add_action('woocommerce_after_shop_loop_item', function() {
echo '<p class="custom-text">Специальное предложение!</p>';
});
Код добавляет специальный текст под каждым товаром.
Пример отображения рейтинга товара:
add_action('woocommerce_after_shop_loop_item', function($product) {
echo '<div class="product-rating">' . wc_get_rating_html($product->get_average_rating()) . '</div>';
}, 10, 1);
Здесь мы выводим рейтинг товара после его информации.
— Лучшие практики
– Использование
Используйте этот хук, когда нужно добавить дополнительный контент под товарами на страницах магазина
– Производительность
Обратите внимание на производительность, если добавляете сложные элементы, которые требуют дополнительных запросов к базе данных
– Предупреждения
Следите за тем, чтобы добавляемый контент не перегружал страницу и не ухудшал пользовательский опыт
Альтернативы
Тип: action
Позволяет добавлять контент перед информацией о товаре
Используйте, если хотите изменить порядок вывода элементов на странице
