woocommerce_account_payment_methods_column_$COLUMN_ID

TokoDaring.Com – Panduan Lengkap Hook woocommerce_account_payment_methods_column_$COLUMN_ID di WooCommerce. WooCommerce menyediakan hook fleksibel bernama woocommerce_account_payment_methods_column_$COLUMN_ID yang memungkinkan pengembang menyesuaikan isi kolom dalam daftar metode pembayaran. Dengan memanfaatkan hook ini, Anda dapat menambahkan kolom baru, mengganti nilai default, atau bahkan menyisipkan tindakan khusus seperti tombol edit atau tautan ke informasi tambahan. Artikel ini akan membahas secara lengkap bagaimana cara kerja hook tersebut, penggunaannya, serta contoh implementasi nyata.

Artikel Blog Post Lainnya: woocommerce_add_payment_method_form_bottom

Panduan Lengkap Hook woocommerce_account_payment_methods_column_$COLUMN_ID di WooCommerce

Dalam pengembangan toko online berbasis WooCommerce, halaman “Metode Pembayaran Saya” memainkan peran penting dalam memberikan transparansi dan kontrol kepada pengguna atas metode pembayaran yang mereka simpan. WooCommerce secara default menampilkan daftar metode pembayaran yang telah disimpan pengguna di area My Account, lengkap dengan kolom informasi seperti jenis kartu dan tanggal kadaluarsa. Namun, bagaimana jika Anda ingin menyesuaikan kolom tersebut atau menambahkan informasi tambahan?

Apa Itu Hook woocommerce_account_payment_methods_column_$COLUMN_ID?

Hook woocommerce_account_payment_methods_column_$COLUMN_ID adalah filter hook dinamis yang disediakan WooCommerce untuk memodifikasi konten kolom pada tabel metode pembayaran pengguna. $COLUMN_ID adalah bagian variabel dari hook yang merujuk ke ID kolom tertentu yang ingin dimodifikasi. Misalnya, jika Anda ingin mengubah isi kolom “method”, maka hook-nya akan menjadi woocommerce_account_payment_methods_column_method.

Hook ini dijalankan dalam fungsi WC_Template_Loader::get_template() saat WooCommerce merender daftar metode pembayaran yang disimpan pada halaman akun pengguna. Anda bisa menggunakannya untuk mengganti isi default dari kolom seperti method, expires, actions, atau menambahkan kolom kustom yang sebelumnya sudah didaftarkan melalui filter woocommerce_payment_methods_list_item.

Contoh dasar penggunaan hook ini:

add_filter( 'woocommerce_account_payment_methods_column_method', 'custom_payment_method_column', 10, 2 );

function custom_payment_method_column( $method, $payment_method ) {
    return $method . ' <span style="color: green;">(Terverifikasi)</span>';
}

Dengan kode di atas, teks (Terverifikasi) akan ditambahkan di sebelah nama metode pembayaran.

Menambahkan Kolom Baru ke Daftar Metode Pembayaran

Secara default, WooCommerce hanya menampilkan beberapa kolom seperti method, expires, dan actions. Namun, Anda dapat menambahkan kolom baru ke tabel metode pembayaran dengan bantuan filter woocommerce_account_payment_methods_columns. Setelah kolom ditambahkan, Anda bisa mengisi isinya dengan menggunakan hook woocommerce_account_payment_methods_column_$COLUMN_ID.

Contoh menambahkan kolom baru bernama “status”:

add_filter( 'woocommerce_account_payment_methods_columns', 'add_status_column' );

function add_status_column( $columns ) {
    $columns['status'] = 'Status';
    return $columns;
}

add_filter( 'woocommerce_account_payment_methods_column_status', 'fill_status_column', 10, 2 );

function fill_status_column( $output, $payment_method ) {
    return '<span class="badge">Aktif</span>';
}

Dengan kode di atas, Anda telah menambahkan kolom baru bernama “Status” dan mengisinya dengan teks “Aktif”. Anda juga dapat menyesuaikan isi kolom tersebut secara dinamis berdasarkan data pembayaran pengguna.

Menyesuaikan Konten Kolom Default

Terkadang Anda tidak perlu menambahkan kolom baru, melainkan cukup mengubah isi kolom yang sudah ada, seperti mengganti teks atau menambahkan ikon. Dengan hook woocommerce_account_payment_methods_column_$COLUMN_ID, Anda dapat dengan mudah memodifikasi kolom seperti expires untuk menampilkan informasi dalam format berbeda atau menambahkan label visual.

Contoh mengganti format tanggal kadaluarsa:

add_filter( 'woocommerce_account_payment_methods_column_expires', 'custom_expiry_format', 10, 2 );

function custom_expiry_format( $expires, $payment_method ) {
    if ( ! empty( $payment_method->expires ) ) {
        return 'Kadaluarsa: ' . date( 'F Y', strtotime( $payment_method->expires ) );
    }
    return 'Tidak tersedia';
}

Hasilnya, kolom kadaluarsa akan menampilkan informasi dalam format “Kadaluarsa: Januari 2025”, bukan hanya “01/25”. Ini dapat membantu pengguna lebih memahami informasi yang ditampilkan.

Integrasi Dengan Data Kustom atau Metadata

Dalam kasus yang lebih kompleks, Anda mungkin ingin menggabungkan metadata atau data eksternal ke dalam kolom metode pembayaran. WooCommerce menyimpan informasi metode pembayaran dalam objek WC_Payment_Token, dan Anda dapat menggunakan data tersebut untuk menampilkan informasi tambahan yang disimpan di dalamnya.

Contoh menampilkan 4 digit terakhir dari kartu:

add_filter( 'woocommerce_account_payment_methods_column_method', 'show_card_last_four', 10, 2 );

function show_card_last_four( $method, $payment_method ) {
    if ( method_exists( $payment_method, 'get_last4' ) ) {
        $last4 = $payment_method->get_last4();
        return $method . ' <small>(•••• ' . $last4 . ')</small>';
    }
    return $method;
}

Kode di atas akan menyisipkan informasi 4 digit terakhir dari kartu kredit/debit yang digunakan pengguna. Anda juga dapat menggunakan metadata kustom jika Anda menyimpan informasi tambahan melalui plugin pihak ketiga atau ekstensi kustom.

Ringkasan, Panduan Lengkap Hook woocommerce_account_payment_methods_column_$COLUMN_ID di WooCommerce

Hook woocommerce_account_payment_methods_column_$COLUMN_ID adalah alat yang sangat fleksibel dalam WooCommerce untuk menyesuaikan tampilan dan isi daftar metode pembayaran pengguna di halaman akun. Dengan menggabungkan hook ini dengan filter lain seperti woocommerce_account_payment_methods_columns, Anda bisa menambahkan kolom baru, menyesuaikan konten yang ada, dan bahkan menampilkan informasi kustom dari metadata. Hal ini memungkinkan Anda menciptakan pengalaman pengguna yang lebih kaya dan relevan, sesuai kebutuhan toko online Anda.

Dengan pemahaman mendalam tentang hook woocommerce_account_payment_methods_column_$COLUMN_ID, Anda bisa membuat tampilan metode pembayaran yang lebih interaktif, informatif, dan sesuai kebutuhan pengguna. Terapkan teknik ini di toko WooCommerce Anda dan tingkatkan pengalaman pelanggan secara keseluruhan.

FAQ (Frequently Asked Questions) Tentang woocommerce_account_payment_methods_column_$COLUMN_ID

Berikut FAQ informatif tentang woocommerce_account_payment_methods_column_$COLUMN_ID. FAQ tentang ini melengkapi konten blog Panduan Lengkap Hook woocommerce_account_payment_methods_column_$COLUMN_ID di WooCommerce. Dengan menjawab pertanyaan-pertanyaan utama yang mungkin dimiliki pembaca saat menjelajahi topik yang beragam.