Описание woocommerce_gateway_icon
— Filter
Хук woocommerce_gateway_icon позволяет изменить иконки, отображаемые для различных платежных шлюзов в WooCommerce. Он срабатывает при выводе иконок на страницах, где доступны методы оплаты, и позволяет кастомизировать визуальное представление платежных методов
Примеры использования
Пример изменения иконки для платежного шлюза ‘paypal’:
add_filter('woocommerce_gateway_icon', function($icon, $gateway_id) {
if ($gateway_id === 'paypal') {
return '<img decoding="async" src="/path/to/custom/paypal-icon.png" alt="PayPal">';
}
return $icon;
}, 10, 2);
В этом примере мы заменяем стандартную иконку PayPal на кастомную иконку
Пример добавления CSS-класса к иконке платежного шлюза:
add_filter('woocommerce_gateway_icon', function($icon, $gateway_id) {
if ($gateway_id === 'stripe') {
return '<span class="custom-stripe-icon">' . $icon . '</span>';
}
return $icon;
}, 10, 2);
Здесь мы оборачиваем иконку Stripe в span с кастомным классом для применения стилей
Пример удаления иконки для определенного шлюза:
add_filter('woocommerce_gateway_icon', function($icon, $gateway_id) {
if ($gateway_id === 'cod') {
return ''; // Удаляем иконку для наложенного платежа
}
return $icon;
}, 10, 2);
В этом примере мы удаляем иконку для наложенного платежа (cash on delivery)
— Лучшие практики
– Использование
Используйте этот хук, когда необходимо изменить или настроить визуальное представление иконок платежных шлюзов в WooCommerce
– Производительность
Хук не должен существенно влиять на производительность, так как изменения касаются только вывода HTML
– Предупреждения
Убедитесь, что кастомные иконки имеют оптимизированный размер для улучшения загрузки страниц
Альтернативы
Тип: action
Этот хук позволяет добавлять дополнительные элементы к списку методов оплаты
Используйте его, если нужно добавить дополнительные визуальные элементы или функционал к методам оплаты
