¿Cómo puedo mostrar los productos seleccionados y sus unidades totales?

  • Jonathan
    Fecha de consulta 4 de diciembre de 2024, 7:56

    Me gustaría saber cómo configurar el carrito de comprar de manera que al terminar al final solo le salga los productos que ha seleccionado con sus unidades y el total de cada una de ellas

  • Alejandro Jotform Support
    Fecha de respuesta 4 de diciembre de 2024, 9:37

    Hola Jonathan,

    Gracias por contactarte con el Soporte de Jotform. Es posible agregar un resumen de los productos antes de enviar el formulario fácilmente usando el widget de Revisar antes de enviar. Te explico cómo hacerlo:

    1. En el Creador de formularios, haz clic en Añadir elementos+ a la izquierda, ve a la pestaña de widgets y agrega el widget de Revisar antes de enviar al formulario.
    2. Luego configura los campos que deseas mostrar u ocultar, y haz clic en actualizar widget.

    ¿Cómo puedo mostrar los productos seleccionados y sus unidades totales? Image 1 Screenshot 30

    Aquí puedes ver el resultado:

    ¿Cómo puedo mostrar los productos seleccionados y sus unidades totales? Image 2 Screenshot 41

    Si esto no es exactamente lo que necesitas, por favor comparte un poco más de información y alguna captura de pantalla referente de ser necesario.

    Haz la prueba y no dudes en hacernos saber si necesitas más ayuda.

  • jonathan91ort
    Fecha de respuesta 5 de diciembre de 2024, 11:55
    Me aparece esto pero me gustaría cambiar el color de estas letras y que
    aparezca la imagen del producto.
    Y también el texto donde dice cantidad es muy pequeño
    El mié, 4 de dic. de 2024 3:37 p. m., Jotform <noreply>
    escribió:
    </noreply>...
  • Joeni Jotform Support
    Fecha de respuesta 5 de diciembre de 2024, 14:22

    Hi Jonathan,

    Our Spanish Support agents are busy helping other Jotform users right now, so I'll try to help you in English using Google Translate, but you can reply in whichever language you feel comfortable using. Or, if you'd rather have support in Spanish, let us know and we can have them do that. But, it might take a while until they're available again.

    Now, coming back to your question, you can change the text color of the Review Before Submit Widget by Injecting the CSS Code into your form. Let me show you how:

    1. First, Copy this code.

    #previewContainer ul li:not(.control_head) div.value.border{
     color: #00a0a3 !important;
    }

    2. In Form Builder, click on the Paint Roller icon on the upper right side of the panel.

    3. Under the Form Designer Menu, go to the Styles Tab, scroll down to the Inject Custom CSS input box, and add the CSS Code.

    ¿Cómo puedo mostrar los productos seleccionados y sus unidades totales? Image 1 Screenshot 30 Check out the screencast of the result below:

    ¿Cómo puedo mostrar los productos seleccionados y sus unidades totales? Image 2 Screenshot 41 Give it a try and let us know how it goes.

  • jonathan91ort
    Fecha de respuesta 6 de diciembre de 2024, 3:55
    Este es el resumen de los productos que ya seleccione del catálogo pero aún
    me siguen apareciendo en verde.
    Y quisiera que apareciera la imagen de cada producto en el mismo resumen.
    El jue, 5 de dic. de 2024 8:22 p. m., Jotform <noreply>
    escribió:
    </noreply>...
  • Esther Jotform Support
    Fecha de respuesta 6 de diciembre de 2024, 5:44

    Hola Jonathan,

    Puedo ver que el texto en la página de revisión del formulario Joyería JL, es de color verde. ¿Os gustaría cambiarlo a negro? Puedo ver que está así:¿Cómo puedo mostrar los productos seleccionados y sus unidades totales? Image 1 Screenshot 40 Para poder hacerlo debéis seguir los siguientes pasos:

    1. En el Creador de Formularios, haced clic en el ícono del rodillo de pintura para abrir el Diseñador de formularios.¿Cómo puedo mostrar los productos seleccionados y sus unidades totales? Image 2 Screenshot 51
    2. Ahí, haced clic en la pestaña Estilos en el lado derecho de la página.¿Cómo puedo mostrar los productos seleccionados y sus unidades totales? Image 3 Screenshot 62
    3. Al final, deberéis pegar este código CSS, que comparto a continuación:
    #previewContainer ul li:not(.control_head) div.value.border {
    color: black !important;
    }
    #previewContainer {
    color: black !important;
    }

    Por otro lado, desafortunadamente, no es posible añadir imágenes de producto ahí, ni otro tipo de información. Únicamente se podrá tener la información como la veis actualmente.

    Probadlo y decidnos si necesitáis algo más. Espero que haya sido de ayuda y no dudéis en contactarnos si tenéis más preguntas.

  • jonathan91ort
    Fecha de respuesta 6 de diciembre de 2024, 8:50
    Porque solo me aparece el botón de regresar, y el de enviar me aparece en
    blanco no aparece nada.
    El vie, 6 de dic. de 2024 11:44 a. m., Jotform <noreply>
    escribió:
    </noreply>...
  • jonathan91ort
    Fecha de respuesta 6 de diciembre de 2024, 8:55
    Igual el del cupón ,me aparece visible anadir cupon, pero no me aparece el
    botón de a lado aplicar cupón me sale en blanco el botón
    El vie, 6 de dic. de 2024 2:48 p. m., Jonathan Ortega <
    jonathan91ort@gmail.com> escribió:
    ...
  • Joeni Jotform Support
    Fecha de respuesta 6 de diciembre de 2024, 9:09

    Hi Jonathan,

    Could you send us a screen recording of the issue so we can further investigate what is happening? You can use Loom to record and send us a video link.

    Once we hear back from you, we'll be able to help you with this.

  • jonathan91ort
    Fecha de respuesta 6 de diciembre de 2024, 9:50
    En la primer imagen me aparece la casilla
    Ingrese el código del cupón. Al lado se mira el botón blanco el cual
    debería de tener la acción : aplicar cupón
    ...
  • jonathan91ort
    Fecha de respuesta 6 de diciembre de 2024, 9:50
    El vie, 6 de dic. de 2024 3:47 p. m., Jonathan Ortega <
    jonathan91ort@gmail.com> escribió:
    ...
  • Joeni Jotform Support
    Fecha de respuesta 6 de diciembre de 2024, 10:09

    Hi Jonathan,

    Unfortunately, I couldn't see the screen recording you shared on my end. Can you try to send it again?

    Once we hear back from you, we'll be able to move forward with a solution.