Как начинающий владелец магазина на WordPress и Woocommerce я часто сталкиваюсь с вопросами доработки некоторых элементов на сайте.
И ответы далеко не всегда лежат на поверхности.
Этим постом “Котяра” начинает новую рубрику “Советы по WordPress”, в которой будет делиться своими наработками и опытом в этой сфере.
Начнем с интересной проблемы: как добавить логотипы к способам оплаты в Woocommerce.
Ситуация: у вас есть несколько способов оплаты, но на странице оформления заказа не ко всем из них отображаются соответствующие логотипы.
Найти готовое решение для моего способа оплаты в интернете не удалось.
Однако на дальнейшие действия меня натолкнул материал по ссылке.
Вносим в конец файла functions.php в вашей дочерней теме код такого вида:
// Add PAYMENT_GATEWAY logo at checkout page
function PAYMENT_GATEWAY_checkout_icon() {
// pls return the new logo/image URL here
return 'PAYMENT_GATEWAY_URL';
}
add_filter( 'woocommerce_PAYMENT_GATEWAY_icon', 'PAYMENT_GATEWAY_checkout_icon' );
Где…
PAYMENT_OPTION – способ оплаты, для которого вы хотите добавить/поменять логотип
PAYMENT_OPTION_URL – полный интернет-адрес расположения логотипа
При этом варианты PAYMENT_GATEWAY заранее известны:
bacs – Direct Bank Transfer, прямой банковский перевод
cheque – Cheque Payment, оплата чеком
cod – Cash on Delivery, оплата при получении
paypal – оплата PayPal
cp – Cash on Pickup, оплата наличными при самовывозе (предварительно установлен плагин Payment Cash Pickup)
Другими словами код может выглядеть следующим образом:
// Add Bacs Privatbank logo at checkout page
function bacs_checkout_icon() {
// pls return the new logo/image URL here
return '/wp-content/uploads/Privatbank.png';
}
add_filter( 'woocommerce_bacs_icon', 'bacs_checkout_icon' );
// Add Cash on pickup logo at checkout page
function cp_checkout_icon() {
// pls return the new logo/image URL here
return '/wp-content/uploads/cash-on-pickup-2.png';
}
add_filter( 'woocommerce_cp_icon', 'cp_checkout_icon' );
Надеюсь мои советы вам помогли.
Если у вас остались вопросы, не стесняйтесь задавать их в комментариях.