Billing and shipping html

  • Resolved stevert

    (@stevert)


    2 years, 10 months ago

    Hi,
    please let me know where I can find the templates for billing and shipping in which the actual html of the input fields can be changed…I need to change the order of the html, so that the <label> comes AFTER the <input>, not before. I know there are form-billing.php and form-shipping.php, but in these the actual html of he input fieds is not displayed.

    Thanks!

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Support Kaushik S. a11n

    (@kaushiksomaiya)

    Hi there!

    Thanks for contacting us. ??

    I understand you want to alter the position of HTML elements in the checkout form so that the <label> field appears after the input elements.

    You are right – the files form-billing.php and form-shipping.php don’t contain the HTML for the checkout form, the fields are being displayed with the function woocommerce_form_field().

    I am unsure if it is possible to apply any filters to this function in order to alter the order of the HTML elements.

    As this is a fairly complex development topic. I’m going to leave it open for a bit to see if anyone is able to chime in to help you out.

    You could try JavaScript or jQuery as well to alter the position of checkout form elements.

    I can also recommend the WooCommerce Developer Resources Portal for resources on developing for WooCommerce.

    You can also visit the WooCommerce Facebook group or the #developers channel of the WooCommerce Community Slack. We’re lucky to have a great community of open-source developers for WooCommerce, and many of our developers hang out there, as well.

    Seems we’ve not had additional inputs on this thread. Thus, we encourage you to make use of the above resources.

    I’ll go ahead and mark the thread as resolved but please feel free to create a new thread if you have further questions.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Billing and shipping html’ is closed to new replies.