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

admin09/03/2024 104

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
admin26/03/2024 73
admin09/03/2024 104
admin20/02/2024 140
admin19/02/2024 425
admin18/02/2024 417
admin01/02/2024 154
admin31/01/2024 150
admin28/01/2024 165
Chia sẻ mới nhất
admin09/03/2024 104
admin20/02/2024 140
admin19/02/2024 425
admin18/02/2024 417
admin01/02/2024 154
admin31/01/2024 150
admin21/01/2024 156
admin21/01/2024 153
admin18/01/2024 184
admin16/01/2024 156