Membuat Widget Harga WooCommerce Draggable (Pada Perangkat Layar Sentuh)

membuat widget harga woocommerce

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' );
}

GET THE BEST APPS IN YOUR INBOX

Don't worry we don't spam

We will be happy to hear your thoughts

      Leave a reply

      Shopping cart