Skip to content

Membuat Widget Harga WooCommerce Draggable (Pada Perangkat Layar Sentuh)

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).

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 :