Hoping to translate the pickup and delivery widget text to Spanish.

  • Courier_Boon
    Asked on November 23, 2019 at 5:53 AM
    I am also hoping to translate the pickup and delivery widget text to Spanish if possible (or maybe it gets localized automatically)
  • Jed_C
    Replied on November 23, 2019 at 5:54 AM

    I checked the widget and it's already in Spanish. Would you mind clarifying on which language are you trying to change?

    Looking forward for your response. 

  • sebocori
    Replied on November 23, 2019 at 8:44 AM

    hi, thanks for your help! What I mean is, once you get results from any pickup and dropoff distance, the results get displayed in English (attachment)

    Pickup Address
    Delivery Address
    Distance
    Duration

    Thanks

    1574516634Screen Shot 2019 11 23 at 5 Screenshot 10

  • jherwin
    Replied on November 23, 2019 at 10:09 AM

    You can achieve that using custom CSS code, please inject the CSS code below to your driving distance widget:

    /* Remove default text Pickup address*/
    #ddResult > table > tbody > tr:nth-child(1) > th {
    display:none !important;
    }
    /* Insert translation for Pickup address*/
    #ddResult > table > tbody > tr:nth-child(1)::before {
    display: block !important;
    content: "Dirección de entrega" !important;
    }
    /* Remove default text for Delivery address */
    #ddResult > table > tbody > tr:nth-child(2) > th {
    display: none !important;
    }
    /* Insert translation for Delivery address */
    #ddResult > table > tbody > tr:nth-child(2)::before {
    display: block !important;
    content: "Dirección de entrega" !important;
    }
    /* Remove default text for Distance */
    #ddResult > table > tbody > tr:nth-child(3) > th {
    display: none !important;
    }
    /* Insert translation for Distance */
    #ddResult > table > tbody > tr:nth-child(3)::before {
    display: block !important;
    content: "Distancia" !important;
    }
    /* Remove default text for Duration */
    #ddResult > table > tbody > tr:nth-child(4) > th {
    display: none !important;
    }
    /* Insert translation for Duration */
    #ddResult > table > tbody > tr:nth-child(4)::before {
    display: block !important;
    content: "Duración" !important;
    }

    Guide: How-to-Inject-CSS-Codes-to-Widgets

    Here's my demo form: https://form.jotform.com/93264352172960

    Please give it a try and let us know how it goes.

  • sebocori
    Replied on November 23, 2019 at 10:15 AM

    This is amazing! Thanks