Support » Plugin: YITH WooCommerce Gift Cards » no puedo seleccionar la imagen de la gift card

  • Resolved iscampos

    (@iscampos)


    No puedo seleccionar la imagen para la gift card, aunque sí las muestra pero no se seleccionan. Además de eso, en la página de “finalizar compra” se duplican varias veces los mensajes donde se ingresa el código de la gift card.
    Al desactivar el plugin el mensaje en el checkout desaparece.
    Además en Wp Rocket ingresé todos los archivos JS y CSS del plugin para que NO se minificaran ni se realizara ningún tipo de optimización, y el problema persiste.

    Alguna idea de qué puede ser?
    Agradezco mucho la ayuda!!

    • This topic was modified 5 months, 3 weeks ago by iscampos.

    The page I need help with: [log in to see the link]

Viewing 13 replies - 1 through 13 (of 13 total)
  • Plugin Support Juan Coronel

    (@juaancmendez)

    Hi there,
    we hope you’re doing well.

    Could you verify if the problem persists by leaving only our plugin and WooCommerce active? If it still continues, try activating a default WordPress theme, such as Twenty Twenty One. In this way, we rule out that the problem comes from conflicts with a plugin or your theme.

    We will be attentive to your response.

    Have a nice day.

    Thread Starter iscampos

    (@iscampos)

    Juan agradezco que te hayas tomado un tiempo para ayudarme.
    Te cuento que desactivé todos los plugin y fui probando desactivándolos. Finalmente era el plugin WebP Express que estaba interfiriendo con las gift card; ahora se arregló el problema de las imágenes y funciona todo bien, pero el mensaje duplicado en la página de “finalizar compra” continúa apareciendo y ya no sé qué hacer.

    https://www.nenufar.cl/finalizar-compra/

    El mensaje donde se debe ingresar el código de la tarjeta de regalo debería aparecer sólo 1 vez y aparece 5 veces 🙁

    Agradezco tu ayuda!!

    Hola, buenas tardes.

    Muchas gracias por la respuesta y espero que te encuentres bien 😄

    Probablemente el problema que estás experimentando se deba al tema que tienes configurado debido a la información que nos brindas.

    Para poder solucionar el problema te recomiendo que insertes el siguiente código CSS en la sección “Apariencia” > “Personalizar” > “CSS adicional”:

    .et_pb_wc_checkout_payment_info .et_pb_module_inner .ywgc_have_code, .et_pb_wc_checkout_billing .et_pb_module_inner .ywgc_have_code, .et_pb_wc_checkout_additional_info .et_pb_module_inner .ywgc_have_code, .et_pb_wc_checkout_shipping .et_pb_module_inner .ywgc_have_code {
    	display: none !important;
    }

    Sino también puede dirigirte a la sección “YITH” > “Gift Cards” > “Carrito y página de pago” y deshabilitar la opción “Mostrar el campo de tarjeta regalo en la página de finalización del pedido.” y de esa manera quedaría como en la siguiente imagen.

    Un saludo.

    Thread Starter iscampos

    (@iscampos)

    Oh!! han sido todos muy amables!
    El código funciona, pero solo para el mensaje inicial, es muy extraño. Ahora sólo aparece una vez el mensaje en color negro para agregar el código de la tarjeta de regalo, pero al hacer click para agregar el código, vuelve a aparecer 5 veces el espacio en diferentes lugares… creo que hay que agregar algo más al código css tal vez?

    estaba feliz cuando vi que ya no se veían 5 veces los módulos pero al hacer click aparece el problema 🙁

    https://www.nenufar.cl/finalizar-compra/

    Gracias por la ayuda!!

    Plugin Support Juan Coronel

    (@juaancmendez)

    Hola,
    gracias por tu respuesta 🙂

    Estuvimos checkeando tu sitio y probamos ingresar un código, pero no vemos que aparezcan 5 veces el mensaje. Es decir, vemos una correcta visualización. ¿Lo has solucionado por tu cuenta?

    Estaremos atentos a tu respuesta.

    Que tengas buen día.

    Thread Starter iscampos

    (@iscampos)

    Hola! No…sigue con el mismo problema. De hecho acabo de checkear nuevamente al leer tu mensaje.
    Si agregas un producto al carrito de compras, luego haces click en finalizar compra, te mostrará el mensaje en color negro que dice si tienes una tarjeta de regalo ingresa el código aquí…. al hacer click aparece el espacio para insertar el código y un botón “aplicar la tarjeta de regalo” (esto se duplica y aparece 5 veces a lo largo de la página)
    Es muy extraño.
    Podría enviarles print de pantalla pero no sé cómo adjuntar archivos 🙁

    Hola, buenas tardes.

    Muchas gracias por respondernos y espero que te encuentres bien 😄

    Ahora lo pude comprobar y tiene razón, para solucionarlo por favor reemplace el código que le envié anteriormente por el siguiente código:

    .et_pb_wc_checkout_payment_info .et_pb_module_inner .ywgc_have_code, .et_pb_wc_checkout_billing .et_pb_module_inner .ywgc_have_code, .et_pb_wc_checkout_additional_info .et_pb_module_inner .ywgc_have_code, .et_pb_wc_checkout_shipping .et_pb_module_inner .ywgc_have_code,.et_pb_wc_checkout_payment_info .et_pb_module_inner .ywgc_enter_code, .et_pb_wc_checkout_billing .et_pb_module_inner .ywgc_enter_code, .et_pb_wc_checkout_additional_info .et_pb_module_inner .ywgc_enter_code, .et_pb_wc_checkout_shipping .et_pb_module_inner .ywgc_enter_code {
    	display: none !important;
    }

    Lo he probado desde el navegador y con ese cambio debería volver a funcionar todo correctamente.

    En cuanto a como subir imágenes para que sea más fácil en futuros escenarios lo que regularmente utilizamos nosotros es la siguiente página https://wetransfer.com/ en la cual podemos subir archivos y enviar un link de descarga del mismo.

    Espero que la solución cumpla con sus necesidades.
    Un saludo.

    Thread Starter iscampos

    (@iscampos)

    Hola!! funcionó bien para el mensaje inicial y para el espacio donde se ingresa el código, pero hice una prueba ingresando un código inventado y el mensaje “El código de la tarjeta de regalo xxxxxx no existe” se vuelve a duplicar y aparece 5 veces… 🙁
    imagino que al ingresar un código real, aparecerá un mensaje de código exitoso pero también se duplicará…
    Agradezco su ayuda, casi se soluciona!

    Plugin Support Juan Coronel

    (@juaancmendez)

    Hola, buenos días.
    ¡Esperamos que andes bien!

    Para solucionar ese problema, prueba a añadir este CSS también:

    .et_pb_wc_checkout_billing ul.woocommerce-error, .et_pb_wc_checkout_shipping ul.woocommerce-error, .et_pb_wc_checkout_additional_info ul.woocommerce-error, .et_pb_wc_checkout_payment_info ul.woocommerce-error {
       display: none !important;
    }

    Haznos saber si te ha funcionado, por favor.

    Que tengas buen día!

    Thread Starter iscampos

    (@iscampos)

    Ahora sí ha funcionado todo correctamente!!! Sólo me queda una duda. Mi página está hecha con el constructor Divi y al habilitar el constructor visual en la página de check out, el único ítem que no me deja modificar los estilos es justamente el de la gift card. Es por alguna razón en especial? se puede arreglar? porque el casillero del cupón de descuento que es igual al de la tarjeta de regalo sí puedo modificarlo como quiera, sin embargo el de la gift card no, y quisiera cambiar los colores y estilos, ya que estoy en proceso de personalizar la página de check out.

    Muchas gracias por toda su ayuda!!

    Plugin Support Juan Coronel

    (@juaancmendez)

    Hola, buenos días y perdón por la demora.

    Para lograr lo que necesitas, hemos creado un CSS similar al que tienes en los otros bloques de cupones:

    button.ywgc_apply_gift_card_button {
        background-color: #179db9 !important;
    }
    
    input#giftcard_code {
        -webkit-appearance: none !important;
        background-color: #eee !important;
        max-width: 100% !important;
        border-width: 0 !important;
        border-radius: 0 !important;
        color: #999 !important;
        font-size: 14px !important;
        padding: 16px !important;
        line-height: 1.7em !important;
        border-style: solid !important;
        width: -webkit-fill-available !important;
    }
    
    div.ywgc_enter_code {
        border: 1px solid #eee !important;
    }

    Compruébalo y cuéntanos si te funciona bien.

    Estaremos atentos a tu respuesta.

    ¡Saludos!

    • This reply was modified 5 months, 1 week ago by Juan Coronel.
    Thread Starter iscampos

    (@iscampos)

    Realmente han sido muy amables. Funcionó bien, ahora se ve perfecto. 😀

    Fueron de gran ayuda y de verdad les agradezco mucho!!!

    Un abrazo!!

    Thread Starter iscampos

    (@iscampos)

    Hola amigos!! necesito su ayuda nuevamente.
    Me di cuenta que el código que me dieron más arriba:

    .et_pb_wc_checkout_billing ul.woocommerce-error, .et_pb_wc_checkout_shipping ul.woocommerce-error, .et_pb_wc_checkout_additional_info ul.woocommerce-error, .et_pb_wc_checkout_payment_info ul.woocommerce-error {
    display: none !important;
    }

    Sí eliminaba el mensaje que se mostraba 5 veces de “el código no existe” cuando se ingresaba un código de tarjeta de regalo erróneo, pero también se eliminaron todos los mensajes de errores de los campos de facturación. Me di cuenta recién ahora y tuve que eliminar el código para que los mensajes de validación volvieran a aparecer.

    ¿Hay alguna forma de solucionar que el mensaje de la tarjeta de regalo se muestre 5 veces? Volví al mismo problema que tenía antes 🙁

    Agradezco su ayuda!!
    Saludos!!

Viewing 13 replies - 1 through 13 (of 13 total)
  • You must be logged in to reply to this topic.