Like & Share:
- Like & Share : Jika ini dapat bermanfaat bagi orang lain? Klik tombol bagikan dan beri tahu mereka!
- Comment : Berikan komentar, komentar spam dan tidak relevan tidak akan pernah dipublikasikan!
- Klik Iklan : Terima kasih atas partisipasi Anda yang berharga. Keterlibatan Anda sangat kami hargai!
TokoDaring.Com – Membuat Widget Harga WooCommerce Dragable (Pada Perangkat Layar Sentuh). Sepertinya ini salah satu kustomisasi yang penting untuk anda implementasikan pada toko daring WordPress WooCommerce anda. Terlebih jika anda ingin memaksimalkan konversi dari pengguna mobil (handphone atau tablet).
Table of Contents
Membuat widget harga WooCommerce draggable (pada perangkat layar sentuh)
Artikel terkait :
Menambahkan Informasi Pada Halaman Login WooCommerce
Snippet code untuk membuat widget harga WooCommerce draggable (pada perangkat layar sentuh)
Download script JS berikut, jquery.ui.touch-punch.min.js dan simpan di dalam folder JS direktori tema anda. Berikutnya tambahkan kode berikut ke dalam file functions.php tema anak (Child Theme) atau melalui plugin yang memungkinkan penambahan fungsi kustomisasi, seperti plugin snippet code.
Hindari menambahkan kode khusus langsung ke dalam file functions.php tema induk karena semua kode kustom yang anda tambahkan akan dihapus saat Anda memperbarui tema.
/*
* Membuat widget harga WooCommerce draggable (pada perangkat layar sentuh)
*
*/
add_action( 'wp_enqueue_scripts', 'load_touch_punch_js' , 35 );
function load_touch_punch_js() {
global $version;
wp_enqueue_script( 'jquery-ui-widget' );
wp_enqueue_script( 'jquery-ui-mouse' );
wp_enqueue_script( 'jquery-ui-slider' );
wp_register_script( 'woo-jquery-touch-punch', get_stylesheet_directory_uri() . "/js/jquery.ui.touch-punch.min.js", array('jquery'), $version, true );
wp_enqueue_script( 'woo-jquery-touch-punch' );
}Artikel terkait :