Cara Mengubah Label Keranjang WooCommerce

Kami baru-baru ini perlu mengubah label untuk keranjang WooCommerce kami, tetapi tidak dapat menemukan sumber daya apa pun secara online (bahkan dalam dokumentasi resmi WooCommerce) tentang cara melakukannya. Pada artikel ini, kita akan membahas cara cepat dan mudah untuk mengubah label pada tabel keranjang WooCommerce.

Label Keranjang WooCommerce Default

Tabel keranjang WooCommerce default memiliki empat label khusus. Ini termasuk produk, harga, kuantitas, dan total . Dalam banyak situasi, ini sempurna. Jika Anda menjual produk fisik dengan WooCommerce, tidak perlu mengubah label tabel.

Namun, WooCommerce telah berkembang dari menjual produk fisik ke item digital, layanan, pemesanan, dan banyak lagi.

Kapan Anda Ingin Mengubah Label Keranjang?

Ada banyak kasus penggunaan ketika itu akan menjadi ide yang baik untuk mengubah label keranjang default dari di WooCommerce.

Misalnya, bagaimana jika Anda menjual pemesanan? Alih-alih "produk", label yang lebih baik adalah "nomor kamar/rumah". "Kuantitas" dapat diubah menjadi "malam".

Jika Anda menjual layanan melalui WooCommerce, kemungkinan besar Anda tidak menginginkan label default produk, dan kuantitas. Sebagai gantinya, Anda dapat mengucapkan "Nama Agen" dan "jam yang dapat ditagih".

Daftar untuk kasus penggunaan potensial di mana Anda ingin mengubah label kartu WooCommerce default dapat terus berlanjut. Anehnya, tidak ada cara mudah dan sederhana untuk melakukan ini.

Dari penelitian kami, kami tidak dapat menemukan plugin apa pun yang memudahkan untuk mengganti label tabel keranjang default di WooCommerce. Itu berarti kita perlu mencari tahu bagaimana melakukannya sendiri. Saat memeriksa dokumentasi WooCommerce, atau Internet untuk setiap cuplikan kode, ini juga sangat sulit didapat. kami butuh beberapa jam untuk menemukan solusi yang ditampilkan di bawah ini.

Cara Mengubah Label Keranjang WooCommerce Default

Untuk salah satu klien kami, kami ingin mengubah label “produk” menjadi “tutor”, karena setiap produk dalam sistem WooCommerce sebenarnya adalah nama tutor.

Untuk melakukan ini, Anda perlu mengedit salah satu templat file inti di WooCommerce. Jika ini terdengar menakutkan atau membingungkan bagi Anda, jangan khawatir, ini sangat mudah dilakukan. Anda bahkan tidak perlu masuk ke FTP untuk menyelesaikannya.

Tentu saja, ini adalah cara yang cukup cepat dan kotor untuk melakukan sesuatu. Saat mengedit file ini, plugin WooCommerce harus dinonaktifkan. Juga, setiap kali WooCommerce memperbarui, Anda perlu membuat kembali perubahan ini (meskipun ada pekerjaan yang akan kami diskusikan di kemudian hari).

File khusus di dalam plugin WooCommerce yang akan kita edit ini disebut “Cart.PHP”. ini berisi semua kode yang membentuk struktur halaman keranjang di ujung depan.

Untuk mengeditnya, Anda dapat menggunakan editor plugin inti WordPress. Ini diakses dengan masuk ke Plugin, Plugin Editor.

Kemudian, di sudut kanan atas pilih WooCommerce sebagai plugin untuk diedit.

Seperti yang Anda lihat, membuat perubahan pada plugin aktif tidak disarankan, jadi Anda harus menonaktifkan WooCommerce sebelum melakukan apa pun.

Kami kemudian perlu menemukan file Cart.php, yang berisi kode yang menentukan judul label di halaman kartu ujung depan WooCommerce. Mengubah label ini dalam file PHP adalah cara tercepat untuk menambahkan label kartu khusus ke WooCommerce.

File ini terletak di dalam templates, cart, cart.PHP. Gunakan utilitas navigasi file plugin di sebelah kanan layar untuk memuat file PHP template cart untuk WooCommerce.

Setelah file ini dimuat, kita sekarang memiliki dua pilihan. Kita dapat membuat salinan baru dari file ini dan mengganti template default, atau kita dapat mengubah label keranjang default dalam template ini. Metode satu membutuhkan sedikit lebih banyak pekerjaan, tetapi tidak akan ditimpa saat pembaruan WooCommerce. Metode dua instan, tetapi akan ditimpa saat pembaruan WooCommerce.

Berikut adalah panduan yang diberikan kepada Anda oleh tim pengembangan WooCommerce dalam file cart.PHP:

 Template ini dapat diganti dengan menyalinnya ke yourtheme/woocommerce/cart/cart.php.
*
NAMUN, terkadang WooCommerce perlu memperbarui file template dan Anda (pengembang tema) perlu menyalin file baru ke tema Anda untuk menjaga kompatibilitas. Kami mencoba melakukan ini sesedikit mungkin, tetapi itu memang terjadi. Ketika ini terjadi, versi file template akan terbentur dan readme akan mencantumkan perubahan penting apa pun.

Perhatikan bahwa Anda perlu sesekali menyalin file dan melakukan beberapa pekerjaan manual untuk memastikan kompatibilitas jika menggunakan rute dua yang lebih permanen. Rute mana pun yang Anda pilih, hasil editnya akan sama.

Label keranjang muncul dalam dua contoh dalam file ini. Pertama, Anda memiliki label keranjang umum yang terdapat di bagian atas kode. Secara default, mereka akan membaca produk, harga, kuantitas, dan subtotal.

Ditemukan pada baris 30-33 dari Cart.php:

 < th class = "product-name" > <?php esc_html_e( 'Product' , 'woocommerce' ); ?> </ th > < th class = "product-price" > <?php esc_html_e( 'Price' , 'woocommerce' ); ?> </ th > < th class = "product-quantity" > <?php esc_html_e( 'Quantity' , 'woocommerce' ); ?> </ th > < th class = "product-subtotal" > <?php esc_html_e( 'Subtotal' , 'woocommerce' ); ?> </ th >
 Bahasa kode: HTML, XML ( xml )

Buat perubahan yang diperlukan pada string pertama dalam PHP untuk mengedit label keranjang. Sebagai contoh, ini mengubah "produk" menjadi "tutor""

 <th class="nama-produk"><?php esc_html_e( ' guru ', 'woocommerce' ); ?></th>

Kemudian, di dalam kode PHP yang membentuk tabel keranjang, Anda akan menemukan contoh lain dari label yang sama. Untuk mengubah label keranjang default di WooCommerce, yang perlu Anda lakukan hanyalah mengubah kodenya.

Ini adalah kode yang sebenarnya membentuk struktur dan konten tabel keranjang di WooCommerce. Pada baris 77, ada PHP yang menentukan label header. Mengubahnya dari default "produk" menjadi "tutor", akan mengubah label keranjang untuk produk di bagian depan juga.

Anda cukup CTRL+F untuk menemukan semua contoh label yang ingin Anda ubah, lalu ganti yang default dengan label baru Anda.

Setelah Anda membuat perubahan pada kode, perbarui file, dan periksa bagian depan. Anda sekarang seharusnya memiliki label keranjang khusus di WooCommerce.

Kesimpulan

Artikel ini seharusnya menunjukkan kepada Anda cara cepat dan kotor untuk mengubah label keranjang di WooCommerce. Sejauh yang kami tahu, tidak ada plugin yang memungkinkan Anda melakukan ini dengan mudah, dan metode ini adalah salah satu cara tercepat dan termudah untuk menyelesaikannya. Jika Anda memiliki metode lain untuk mengubah label keranjang, atau memiliki pertanyaan, tinggalkan di bagian komentar di bawah.