Finalizar Compra Woocommerce Responsive

  • Resuelto Isa Gomez

    (@asi1985)


    hace 5 años

    Hola!
    Llevo días con un problema en la página de finalizar compra. Me da error al intentar rellenar algunos de los campos de este formulario. La web es la siguiente:

    https://byobcreatubolso.com/finalizar-compra/

    Al intentar rellenar los campos de Nombre/Apellidos etc aparece el campo como bloqueado y no me permite añadir nada.
    Sin embargo, los campos Nombre/Apellidos etc del apartado «Enviar a una dirección diferente» se pueden rellenar sin problema.
    El problema sólo se produce en Moviles ya que en la versión de ordenador funciona sin problema.

    Cualquier ayuda será bienvendia!
    Gracias 😉
    Isa.

    La página con la que necesito ayuda: [accede para ver el enlace]

Viendo 4 respuestas - de la 1 a la 4 (de un total de 4)
  • Moderador Fernando Tellado

    (@fernandot)

    hace 5 años

    He probado y sí que pasa, es raro. Y la consola no muestra errores. ¿Tienes algún plugin de personalización del checkout que pudiese estar interfiriendo? ¿has probado si pasa con otro tema activo? Por ir descartando.

    Iniciador del debate Isa Gomez

    (@asi1985)

    hace 4 años, 12 meses

    Hola Fernando, muchas gracias por tu respuesta porque me ha ayudado a avanzar un poco y empezar a descartar.

    Efectivamente parece que el problema viene del tema, y concretamente si desactivo del archivo functions.php para que no cargar los estilos de Bootstrap funciona correctamente.

    ‘wp_enqueue_style(
    ‘bootstrap-style’,
    get_stylesheet_directory_uri() . ‘/css/bootstrap.min.css’
    );’

    El problema es que necesito que utilice la librería de bootstrap ya que este tema tiene un diseño personalizado para la ficha de producto en la categoría personalizador, y necesita los estilos de bootstrap para funcionar correctamente.

    https://byobcreatubolso.com/producto/sario-frugal/

    ¿Alguna idea de como puedo solventar este conflicto entre Booststrap y Woocomerce?
    Muchas Gracias! 😉
    Isa.

    Iniciador del debate Isa Gomez

    (@asi1985)

    hace 4 años, 12 meses

    Hola Fernando, ha quedado solucionado!!!
    Era un conflicto que existía entre unas clases que utiliza Bootstrap en los archivos:

    /checkout/form-checkout.php
/my-account/form-login.php
/order/order-details-customer.php

    La clase que estaba provocando el conflicto era ‘.col-1’
    Para solucionarlo simplemente he copiado la carpeta /checkout/ de Woocommerce en el tema y he remplazado lo siguiente:

    <div class="col-1">
<?php do_action( 'woocommerce_checkout_billing' ); ?>
</div>

    Reemplazado por:

    <div class="col-2">
<?php do_action( 'woocommerce_checkout_billing' ); ?>
</div>

    Ahora funciona sin problema en móvil.
    Mil gracias por la ayuda!
    Un abrazo,
    Isa.

    • Esta respuesta fue modificada hace 4 años, 12 meses por Fernando Tellado. Razón: Etiquetado correcto del código
    Moderador Fernando Tellado

    (@fernandot)

    hace 4 años, 12 meses

    Genial, y gracias por compartir la solución

    Vuelve por aquí cuando quieras 👍

Viendo 4 respuestas - de la 1 a la 4 (de un total de 4)
  • El debate ‘Finalizar Compra Woocommerce Responsive’ está cerrado a nuevas respuestas.