Saya ingin menghapus beberapa panah tampak jelek yang standar pada tombol keranjang di WooCommerce. Untuk mencapai ini, saya menemukan tip menambahkan kode berikut, yang akan menghapus panah ketika dokumen telah dimuat.
Saya menganggap saya akan meletakkannya di functions.php saya? Bagaimana tepatnya saya melakukan itu?
$(document).ready(function() {
$(".woocommerce-cart").html(function(i, val) {
return val.replace(" →", "");
});
$(".woocommerce-cart").html(function(i, val) {
return val.replace("← ", "");
});
});
EDIT
Baik. Saya sudah mencoba pendekatan ini:
Membuat file bernama 'removeArrows.js' dan meletakkannya di folder plugin saya. Ini memiliki konten yang sama dengan kode asli, kecuali jQuery sebagai gantinya $. Kemudian saya menambahkan yang berikut ini ke functions.php:
function wpb_adding_scripts() {
wp_register_script('my_amazing_script', plugins_url('removeArrows.js', FILE), array('jquery'),'1.1', true);
wp_enqueue_script('my_amazing_script');
}
add_action( 'wp_enqueue_scripts', 'wpb_adding_scripts' );
Saya tidak tahu bagaimana cara membuat kode ditampilkan dengan benar. Ini tidak berhasil. Ada saran untuk membuat ini berfungsi?
php
jquery
woocommerce
pengguna2806026
sumber
sumber
wp-enqueue-script
. Anda juga harus mengubah$
s kejQuery
(lihat halaman bagian 7)Jawaban:
Anda
$scr
di Andawp_register_script()
fungsi yang salah. Mengingat functions.php Anda ada di dalam plugin Anda, dan removeArrows.js Anda ada di root plugin Anda, Anda$scr
akan terlihat seperti iniCatatan lain, selalu merupakan praktik yang baik untuk memuat skrip dan gaya Anda terakhir. Ini akan memastikan bahwa itu tidak akan ditimpa oleh skrip dan gaya lain. Untuk melakukan ini, tambahkan saja prioritas sangat rendah (angka sangat tinggi) ke parameter prioritas Anda (
$priority
) dariadd_action
.Dan selalu muat / enqueue skrip dan gaya melalui
wp_enqueue_scripts
kait tindakan, karena ini adalah kait yang tepat untuk digunakan. Jangan memuat skrip dan gaya langsung kewp_head
atauwp_footer
EDIT
Untuk tema, karena Anda telah mengindikasikan bahwa Anda sekarang memindahkan semuanya ke tema Anda, Anda
$scr
akan berubah menjadi iniuntuk tema orang tua dan ini
untuk tema anak. Kode lengkap Anda akan terlihat seperti ini
sumber
$scr
akan menjadiget_template_directory_uri() . '/removeArrows.js'
tema orang tua, danget_templatestylesheet_directory_uri() . '/removeArrows.js'
untuk tema anakget_template_directory_uri() . '/removeArrows.js', FILE)
seharusnyaget_template_directory_uri() . '/removeArrows.js'
Saya tidak akan menambahkan file js eksternal lain, itu hanya sumber daya tambahan dan tidak perlu untuk mengambil dan itu adalah sesuatu yang kami ingin mengurangi dalam hal waktu pemuatan halaman.
Saya akan menambahkan potongan jQuery ini di kepala situs web Anda menggunakan
wp_head
hook. Anda akan menempelkan yang berikut ini di file tema atau fungsi plugin Anda. Saya juga memastikan jQuery dalam mode tanpa konflik seperti yang Anda lihat di bawah.Setelah Anda melakukan ini dan me-refresh halaman Anda, periksa sumber halaman untuk memastikan snippet jQuery ini sebenarnya dimuat ke halaman Anda. Jika ya maka itu akan berfungsi kecuali jika mereka ada sesuatu di snipet jQuery yang sebenarnya Anda gunakan.
sumber
wp_enqueue_script()
untuk informasi lebih lanjut.wp_enqueue_script()
docs bahkan menyatakan ini adalah metode yang direkomendasikan menghubungkan JavaScript ke halaman WordPress yang dihasilkan .Karena jawabannya sudah diterima, saya hanya ingin mengatakan ada cara lain untuk membuat kode javascript di footer yang telah saya lakukan berkali-kali.
dalam file functions.php:
Anda dapat memuat skrip ini ke templat halaman tertentu hanya dengan menggunakan kondisi
jika halaman-template.php ada di direktori (misalkan direktori templates di direktori root tema Anda) Anda bisa menulis seperti:
sumber
wp_enqueue_script()
hampir selalu secara universal lebih baik dan lebih fleksibel.Untuk menjawab pertanyaan, pertama-tama kita harus membuat perbedaan antara javascript dan JQuery.
Untuk menyatakannya secara sederhana:
Jadi pada kenyataannya Anda mengajukan dua pertanyaan berbeda:
Karena hasil Google menunjukkan judul Anda dan semua konten halaman berbicara tentang JQuery, ini bisa membuat sangat frustasi bagi orang yang mencari solusi javascript.
Dan sekarang untuk solusi JQuery:
Dan solusi javascript:
Kode ini dapat ditambahkan ke functions.php Anda Lokasi skrip dalam kedua kasus adalah
wp-content/themes/theme-name/js/script.js
Selamat coding!
sumber