Chèn số cờ nước vào số điện thoại contact 7 không dùng Plugin

admin09/03/2024 2046

Bạn đang muốn chèn cờ và tên nước vào trường điện thoại của contact 7 giống như hình dưới.

Vui lòng copy đoạn code sau vào file function:

function chen_css_js_phone_country() {
wp_enqueue_style( 'nb-intlTelInput-style', 'https://abweb.vn/wp-content/themes/flatsome-child/tools/contact7-flag/flag.css' );
wp_enqueue_script( 'nb-intlTelInput-script','https://abweb.vn/wp-content/themes/flatsome-child/tools/contact7-flag/flag.js', array( 'jquery' ) ); 
}
add_action( 'wp_enqueue_scripts', 'chen_css_js_phone_country' );
function custom_js_phone_country(){
?>
<script>(function($) {
$(function() {
$(".wpcf7-tel").intlTelInput({
autoPlaceholder: "off",
hiddenInput: "full_number",
nationalMode: false,
placeholderNumberType: "MOBILE",
geoIpLookup: function(callback) {
$.get("https://ipinfo.io", function() {}, "jsonp").always(function(resp) {
var countryCode = (resp && resp.country) ? resp.country : "";
callback(countryCode);
});
},
initialCountry: "auto",

});
});
})(jQuery);
</script> 
<?php 
}
add_action('wp_footer','custom_js_phone_country');

 

Nếu bạn lười không muốn copy code này thì có thể dùng plugin mình đóng gói tại đây(tí viết xong uplên):

 

Hỏi đáp

Bài viết mới nhất
_load_textdomain_just_in_time
admin2 giờ trước 10
admin4 giờ trước 8
admin1 ngày trước 93
admin03/08/2024 133
admin05/05/2024 2587
admin05/05/2024 2436
admin30/04/2024 1828
admin26/03/2024 790
Chia sẻ mới nhất
_load_textdomain_just_in_time
admin2 giờ trước 10
admin4 giờ trước 8
admin1 ngày trước 93
admin09/03/2024 2046
admin20/02/2024 868
admin19/02/2024 1548
admin18/02/2024 1454
admin01/02/2024 939
admin31/01/2024 899
admin21/01/2024 2273