Like & Share:
- Like & Share : Bagikan jika artikel ini berguna, selalu banyak cara untuk membagikannya termasuk ke pacar anda.
- Comment : Berikan komentar positif dan selalu relevan, komen spam dan tidak relevan tidak akan pernah di publikasikan.
- Thank You : Terima kasih atas partisipasi dan kontribusi anda. ---Thank you for your time!
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).
Feed Ads by Google!
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 :
Feed Ads by Google!