Pregunta sobre Variation Swatches for WooCommerce de Wordpress:

¡No es posible desplazarse por los dispositivos de contacto!

Un usuario preguntó 👇

Utilizo su plugin para una paleta de colores aquí:
http://help2buy.de/produkt/apple-airpods-2-mit-kabellosem-ladecase2/
la contraseña es actualmente «usuario». cuando abro esa página en mi iphone mientras trato de desplazarme por los colores disponibles, es muy difícil porque todos estos mosaicos parecen estar bloqueando el comportamiento de desplazamiento táctil predeterminado. por lo que para los usuarios de dispositivos móviles es casi imposible ver todos los colores. Espero que entiendas de lo que estoy hablando. ¿Algúna idea de cómo arreglar esto? tipo de Nic

(@ehsaanfaysal)

Hace 1 año, 3 meses

@nicmare

Está desplazándose. Por favor marque aquí: https://www.loom.com/share/41b7ac16670f4ff2a52fcf6d2cf3b833

Gracias

(@nicmare)

Hace 1 año, 3 meses

Si. ¡Pero mientras toques fuera de los Swatches! En algunas pantallas de dispositivos, no queda espacio en el lado derecho. ¡Entonces es muy difícil desplazarse!

(@nicmare)

Hace 1 año, 3 meses

Ya probé mis consejos de herramientas tippy deshabilitados, pero todavía es muy difícil desplazarse por las muestras 🙁

(@nicmare)

Hace 1 año, 3 meses

Eché un vistazo a su código fuente frontend.js. Creo que es porque solo tienes un evento touchstart para dispositivos móviles: if (is_mobile) {select.trigger (‘touchstart’); } de esta manera, la función de desplazamiento natural se desactiva para los dispositivos táctiles que son malos. no puede obligar al usuario a desplazarse por un pequeño espacio cerca de las muestras. ¡esto no es intuitivo! quieren tener la oportunidad de desplazarse por todas partes.

(@nicmare)

Hace 1 año, 3 meses

search $ (this) .on (reemplace $ (this) con ‘click touchstart’ (‘click’ en frontend.js resuelve el problema de desplazamiento pero luego la información sobre herramientas no funcionará 🙁

Esta respuesta fue modificada hace 1 año, 3 meses.

(@ehsaanfaysal)

Hace 1 año, 3 meses

@nicmare,

Gracias por el codigo. Te lo haré saber poco después de aplicar esto.

Gracias

(@nicmare)

Hace 1 año, 3 meses

Bueno, no estoy seguro de si esta es la mejor solución, ya que la información sobre herramientas parece no funcionar. Pero tal vez puedas agregar una aplicación_filter para el evento para que cualquiera pueda cambiar esto aquí si lo desea

(@ricardods)

Hace 1 año, 3 meses

Tengo el mismo problema. El bulto es demasiado delicado. Si los toca para desplazarse hacia abajo en la página, selecciona esa variedad. Es un mal comportamiento.

Si encuentra una solución, publíquela aquí.

gracias

(@nicmare)

Hace 1 año, 3 meses

después de luchar durante horas, me encontré para deshacerme del archivo de plugins frontend.js y lo deshabilité. por el amor de Dios, este desarrollador de plugins profesional tiene un filtro:

// disable swatch plugin frontend(.min).js script:
add_filter("disable_wvs_enqueue_scripts","__return_true");

a continuación, construiré mi propio javascript delgado para mi caso particular:

$("table.variations tr").each(function(){
    var label = $(this).find(".label label");
    var labeltext = label.text();
    var select = $(this).find('select.woo-variation-raw-select');
    $(this).find("li.color-variable-item").on("mouseover",function(e){
        var title = $(this).attr("title");
        label.text(title);
    }).on("mouseleave",function(){
        label.text(labeltext);
    }).on("click",function(e){
        e.preventDefault();
        e.stopPropagation();
        var value = $(this).data('value');
        $(this).addClass("selected").siblings().removeClass("selected");
        select.val(value).trigger('change');
        select.trigger('click');
    });
});

hasta ahora funciona bien en computadoras de escritorio y dispositivos móviles. Qué hace este script: cuando abre un intercambio de color, le dice al usuario qué color / valor es, cambiando la etiqueta del conjunto de atributos. esto funciona mejor para el usuario móvil que cualquier consejo sobre herramientas.

(@ehsaanfaysal)

Hace 1 año, 3 meses

@nicmare @ricardods

Actualizamos nuestro código ayer.

Chicos, ¿podrían comprobarlo ahora?

Gracias

(@nicmare)

Hace 1 año, 3 meses

Gracias Señor. Instalé la actualización. ¿Pero hacer clic en las muestras no funciona en absoluto ahora? Me refiero incluso a no en una computadora de escritorio. frontend.js está cargado. cualquier error js en la consola

(@ehsaanfaysal)

Hace 1 año, 1 mes

@nicmare

¿Podría deshabilitar diferentes cargas de muestras? Configuración >> Rendimiento?

¿Solucionó tu problema??

0 / 0

Deja una respuesta 0

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *