Seleccione2 para geoip_detect2_shortcode_country_select_wpcf7

Un usuario preguntó 👇

Hola,

Actualmente puedo usar el atajo [geoip_detect2_countries mycountry include_blank] en CF7 para que el usuario cambie el país cuando se detecta automáticamente.

¿Hay alguna forma de que podamos usar esto usando Select2?

La lista desplegable de países actual es muy larga y un poco fea.

Gracias por este gran plugin.

(@ benjamin4)

Hace 2 años, 4 meses

Seguro que puedes hacerlo tú mismo. Simplemente agregue una clase a la etiqueta y agregue la funcionalidad select2 a través de JS. La documentación de Select2 debe contener lo que necesita.

(@koolpal)

Hace 2 años, 3 meses

Hola a todos,

Pasé algún tiempo tratando de manejar esto y aprendí cómo hacerlo después de un poco de prueba y error.

1A. En caso de que esté utilizando Woocommerce, reutilice select2 proporcionado por Woocommerce Copie debajo del código en su functions.php

function enqueue_select2_jquery() {
    $assets_path = str_replace( array( 'http:', 'https:' ), '', WC()->plugin_url() ) . '/assets/';
    wp_register_script( 'select2', $assets_path . 'js/select2/select2.js', array( 'jquery' ), '', true );
    wp_enqueue_script( 'select2' );
    wp_enqueue_style( 'select2', $assets_path . 'css/select2.css' );
}
add_action( 'wp_enqueue_scripts', 'enqueue_select2_jquery' );

1B. Dónde estás NO usando Woocommerce, entonces necesita habilitar select2 en su sitio web. Copie debajo el código en su functions.php

function enqueue_select2_jquery() {
    wp_register_style( 'select2css', 'https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.5/css/select2.css', false, '1.0', 'all' );
    wp_register_script( 'select2', 'https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.5/js/select2.js', array( 'jquery' ), '1.0', true );
    wp_enqueue_style( 'select2css' );
    wp_enqueue_script( 'select2' );
}
add_action( 'wp_enqueue_scripts', 'enqueue_select2_jquery' );

2. Habilite select2 en los campos seleccionados copiando el código siguiente en su archivo custom.js.

jQuery(document).ready(function($){
// 27-10-2018 Select2 on CF7
 $('.wpcf7-geoip_detect2_countries').select2();
});

¡Voila! Vas de:

Chun

Espero que esto ayude a todos los que quieran usar select2 para dominios Geoip

PD En caso de que alguien tenga una mejor idea para implementar esto, avíseme

(@ benjamin4)

Hace 2 años, 3 meses

¡Muy bien! Sí, esto es lo que quise decir. Bienvenido al mundo del desarrollo de WordPress 🙂 Basta con usar wp_enqueue_style sin wp_register_style. Y no reutilizaría el script de Woocommerce a menos que esté seguro de que lo desactivará (de lo contrario, WC () tendrá un error de función no existe).

¿Puedo copiar tu texto? https://github.com/yellowtree/wp-geoip-detect/wiki/API-Usage-Examples ?

(@koolpal)

Hace 2 años, 3 meses

¡Gracias @ benjamin4! Todavía soy un niño en el desarrollo de WordPress. Tu motivación se sintió bien.

Es suficiente usar wp_enqueue_style sin wp_register_style.

¿Querías decir esto?

function enqueue_select2_jquery() {
    $assets_path = str_replace( array( 'http:', 'https:' ), '', WC()->plugin_url() ) . '/assets/';
    wp_enqueue_script( 'select2', $assets_path . 'js/select2/select2.js', array( 'jquery' ), '', true );
    wp_enqueue_style( 'select2', $assets_path . 'css/select2.css' );
}
add_action( 'wp_enqueue_scripts', 'enqueue_select2_jquery' );

Y no reutilizaría el script de Woocommerce a menos que esté seguro de que lo desactivará (de lo contrario, WC () tendrá un error sin función).

Tengo la intención de seguir usando Woocommerce en mi sitio web y no lo desactivaré para siempre.

¿Puedo copiar tu texto? https://github.com/yellowtree/wp-geoip-detect/wiki/API-Usage-Examples ?

¡Por supuesto! ¡Por favor adelante! ¡Fue un gran honor contribuir!

(@ benjamin4)

Hace 2 años, 3 meses

Luego lo cargué e hice algunas pequeñas mejoras: – Usando la versión picada (.min) de los archivos para guardar algunos bytes – también colocando el javascript en PHP para no tener que explicar para qué archivo usarlo. Agregar – elimine los parámetros opcionales de wp_enqueue_script (el número de versión solo se requiere cuando actualiza el archivo sin cambiar la URL, que los CDN no pueden de todos modos) – Agregar .geoip_detect2_countries por temor a que una persona use el país seleccionado sin CF7

(@koolpal)

Hace 2 años, 2 meses

@ benjamin4,

¡Excelente! ¡Gracias! Veré cómo puedo usar su código de limpieza en mi sitio web.

– Ponga el javascript en PHP también para que no tenga que explicar en qué archivo ponerlo

¿Podría revisar su código? Recibo un montón de errores relacionados con javascript al intentar ejecutar su código.

¿Solucionó tu problema??

SíNo

0 / 0