Kustomisasi Toko WooCommerce Anda menggunakan WordPress Hooks

Terakhir diperbarui - 24 Februari 2020

Dalam artikel ini kami akan memperkenalkan salah satu topik terpenting saat mengembangkan tema atau plugin WordPress untuk WordPress: WordPress hooks , dan kami akan menjelaskan perbedaan antara action hooks dan filter hooks.

Kait tertanam di seluruh inti WordPress, sebagian besar tema WordPress, dan semua plugin WordPress teratas. WordPress Hooks adalah sistem berbasis peristiwa yang memungkinkan Anda menambahkan kode baru Anda sendiri, atau mengedit kode yang ada di dalam ekosistem WordPress.

Kait WooCommerce

Hook WordPress pada dasarnya adalah fungsi php yang memungkinkan Anda menambahkan kode Anda sendiri ke WordPress, atau mengedit kode yang ada di seluruh WordPress tanpa harus mengedit file inti saat menyesuaikan situs WordPress Anda, dan/atau toko WooCommerce.

Kait juga digunakan di seluruh WooCommerce , memungkinkan pengembang untuk dengan mudah menambahkan fungsi kustom mereka sendiri melalui kait tindakan, atau mengedit fungsi yang ada di dalam plugin WooCommerce untuk lebih menyesuaikan toko online Anda melalui kait filter.

Tindakan & Filter WooCommerce:

Ada 2 jenis pengait berbeda yang dapat Anda gunakan untuk menyesuaikan lebih lanjut toko WooCommerce Anda. Meskipun disarankan agar Anda TIDAK mengedit file tema atau plugin Anda secara langsung, Anda disarankan untuk membuat tema anak dan kemudian memasukkan potongan kode php Anda ke dalam file functions.php, atau Anda dapat menggunakan plugin WooCustomizer yang memungkinkan Anda edit banyak filter tanpa perlu tahu cara membuat kode.

Kait Tindakan:

Kait tindakan ditempatkan di seluruh WooCommerce menggunakan fungsi do_action( 'action_name' ) , jadi, Anda dapat menggunakan nama tindakan untuk menentukan di mana Anda ingin mengeksekusi kode yang Anda tambahkan.

Untuk menambahkan kode kustom Anda, Anda cukup membuat fungsi php baru dengan kode Anda di dalamnya, dan Anda menentukan di mana Anda ingin kode dijalankan dengan menambahkan nama tindakan sebagai parameter pertama dalam fungsi add_action() .

Contoh:

add_action( 'action_name', 'your_custom_function_name' );
function your_custom_function_name() {
// Your code
}

Jadi Anda cukup mengatakan ke kode WooCommerce – “ tambahkan tindakan saya saat do_action ini berjalan ”.

Kait Filter:

Kait filter dipanggil di seluruh WooCommerce menggunakan fungsi apply_filter( 'filter_name', $variable ) . Ini memungkinkan Anda untuk memanipulasi variabel yang diteruskan ke fungsi dan kemudian mengembalikan nilai variabel sesuai kebutuhan.

Contoh:

add_filter( 'filter_name', 'your_custom_function_name' );
function your_custom_function_name( $variable ) {
// Your code editing the variable
return $variable;
}

Mirip dengan kait tindakan, Anda membuat fungsi php Anda sendiri dan menentukan filter mana yang akan digunakan, tetapi kali ini Anda meneruskan variabel yang sudah ada, dan menggunakan fungsi Anda untuk memanipulasi output sesuai keinginan Anda.

Dengan kait Filter Anda perlu mengembalikan nilai .

Apakah Anda tidak yakin tentang membuat tema anak, menambahkan atau mengedit fungsi php Anda sendiri menggunakan kait WooCommerce sendiri?

Sesuaikan Toko WooCommerce Anda dengan WooCustomizer

Lihat plugin WooCustomizer baru … WooCustomizer hadir dengan banyak fungsi untuk mengedit dan menyesuaikan lebih lanjut toko WooCommerce Anda tanpa memiliki pengetahuan pengkodean atau perlu menambahkan kode Anda sendiri.

WooCustomizer menawarkan banyak kait WooCommerce yang ada untuk mengedit dan menambahkan fungsionalitas ekstra ke toko WooCommerce Anda.

Beberapa fitur yang ditawarkan plugin WooCustomizer:

• Edit spanduk 'On Sale' produk untuk halaman Toko & Produk
• Edit tombol 'Tambahkan ke Keranjang' untuk berbagai jenis produk
• Hapus elemen halaman Toko, Produk, Akun Pengguna, dan atau Keranjang apa pun
• Tambahkan spanduk 'Produk Baru' atau 'Terjual Habis' ke produk Toko Anda
• Sesuaikan desain tombol Tambahkan ke Keranjang, spanduk penjualan, dan lainnya
• Edit Tab Akun Pengguna & bidang Checkout dasar untuk pengguna
• Tambahkan statistik produk ke front-end situs web untuk pengguna Administrator
• Tambahkan item menu Login / Logout ke menu yang dipilih

+ banyak lagi

Unduh WooCustomizer

Ingin lebih banyak untuk Toko WooCommerce Anda?

WooCustomizer juga hadir dengan versi premium yang menawarkan banyak tambahan untuk meningkatkan penjualan dan menambahkan fitur tambahan yang berguna ke toko WooCommerce Anda.

WooCustomizer Pro meliputi:

Mode Katalog untuk WooCommerce

Hapus semua fungsi 'tambahkan ke keranjang' dan beli dengan mudah dari toko WooCommerce Anda, ubah toko Anda menjadi katalog online yang indah. Terapkan pengaturan ini ke semua produk, produk yang dipilih, atau hanya untuk pengguna yang keluar, meminta pengguna untuk membuat akun dan masuk untuk membeli produk Anda.

Halaman Terima Kasih Kustom untuk WooCommerce

WooCustomizer menawarkan kemampuan untuk membuat halaman Terima Kasih kustom Anda sendiri untuk WooCommerce, menggunakan editor WordPress default atau pembuat halaman lain yang Anda suka. Arahkan pelanggan ke halaman Terima Kasih default baru Anda, arahkan mereka ke halaman yang berbeda tergantung pada produk yang mereka beli, atau arahkan mereka ke halaman tergantung bagaimana mereka membeli produk di toko Anda.

Tampilan Cepat Produk untuk WooCommerce

Beri pengguna Anda opsi untuk melihat pratinjau informasi produk lengkap dan 'tambahkan ke keranjang' dengan mudah atau jelajahi semua gambar dari dalam sembulan di toko atau halaman arsip Anda. Ini membantu pengguna Anda menelusuri toko lebih cepat.

Pencarian Ajax WooCommerce

Bantu pengguna menemukan produk Anda lebih cepat? Tambahkan pencarian produk ajax sederhana ke bilah pencarian, area widget, atau halaman toko Anda, untuk menampilkan prediksi produk saat pengguna Anda mulai mengetik untuk mencari produk Anda.

Keranjang Menu WooCommerce

Aktifkan Keranjang Menu WooCustomizers untuk WooCommerce dan pilih menu mana yang Anda inginkan untuk menampilkan keranjang WooCommerce. Tambahkan keranjang keranjang mini tarik-turun sehingga pengguna Anda dapat menambah atau menghapus produk, melihat keranjang mereka, atau langsung checkout.

Lihat WooCustomizer

Gunakan kupon khusus kami untuk menerima diskon 15% untuk pembelian pertama Anda di WooCustomizer

LW15OFF

Mulai mengedit dengan kait!

Sekarang setelah Anda memahami cara kerja hook WordPress di WordPress dan WooCommerce, Anda dapat dengan mudah menambahkan atau mengedit fungsionalitas yang Anda butuhkan di toko online WooCommerce Anda.

Harap Dicatat: Jangan lupa kode ini harus selalu ditambahkan ke tema anak atau ke plugin penyesuaian situs sehingga Anda tidak kehilangan suntingan saat Anda memperbarui tema WordPress Anda.

Jika Anda masih sedikit tidak yakin tentang menambahkan kode Anda sendiri untuk mengedit lebih lanjut toko WooCommerce Anda, maka kami sarankan untuk mencoba plugin WooCustomizer . Dibutuhkan semua kait WooCommerce yang tersedia dan membuat antarmuka visual untuk mengedit kode, semua dibangun ke dalam WP Customizer, ditambah lagi menawarkan lebih banyak seperti statistik produk, item menu masuk/keluar, dan banyak lagi.