Рубрика: Новости

Как начинающий владелец магазина на 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' );

Надеюсь мои советы вам помогли.
Если у вас остались вопросы, не стесняйтесь задавать их в комментариях.