Need help with datepicker on woocommerce checkout page

mailme@janpieters.nl
Home / MB Frontend Submission / Need help with datepicker on woocommerce checkout page

Custom Fields
Re-Envisioned › Support › MB Frontend Submission › Need help with datepicker on woocommerce checkout page

  • Creator
    Topic
  • September 1, 2020 at 5:37 PM #21585
    Resolved mailme@janpieters.nl
    Participant

    Hi there,

    I would like to display a datepicker on my checkout page and create a Meta Box Settings Page on my woocommerce shop to control a datepicker. More specificaly:

    1) I would like to know if I can use the MB Frontend Submission plugin to display the datepicker as a field on my checkout page.

    2) I would like to know if it is possible to change the settings of this datepicker with a Metabox settings page.

    I would like to have the followong settings for the datepicker:

    Fields on the settings page:
    Opening days and hours
    Closing days
    Special opening days and hours
    Special closing days
    Cutt-off time for same day delivery (you can order flowers untill 14 'o clock and we deliver them today)

    Kind regards, Jan

  • Creator
    Topic
Viewing 3 replies - 1 through 3 (of 3 total)
  • Author
    Replies
  • September 1, 2020 at 11:42 PM #21591
    Long Nguyen
    Moderator

    Hi Jan,

    The aim of the plugin MB Frontend Submission is to let the user/visitor can submit posts on the frontend. If you want to add the date picker field to the form checkout, please follow this article to know how to use the plugin Flexible Checkout Fields for WooCommerce.
    https://www.wpdesk.net/blog/woocommerce-checkout-datepicker/

    September 2, 2020 at 1:21 AM #21592
    mailme@janpieters.nl
    Participant

    Hi Long, thank you for clarifying that I can’t use the MB frontend submission function to display the datepicker.

    I currently use a Checkout editor plug-in with a good datepicker on my website. This is the plugin: https://www.themehigh.com/product/woocommerce-checkout-field-editor-pro/

    The only thing about this plugin is that it doesn’t have a user friendly settings page. So clients call me to change the datepicker settings

    I would like to create a settings page for my clients with Metabox and use this to control the datepicker.

    So for example I would like to create metabox settings fields to disable or enable dates in the datepicker:

    Monday-Saturday: enabled
    Sunday: disabled
    Christmas: disabled
    Etc

    I know I need a developer to build this for me. But is Metabox a good starting point to use in this kind of project?

    I hope you can help me out with answering this for me.

    Kind regards, Jan

    September 3, 2020 at 9:40 AM #21608
    Long Nguyen
    Moderator

    Hi,

    You can combine the plugin Checkout editor and Meta Box to build the setting for the client with more customization code.

    • Create the checkbox field to show the option enable/disable.
    • Check the day in a week by following this article https://thisinterestsme.com/php-get-day-of-the-week-from-date/ and check the checkbox field value.
    • If both of it pass the condition, you can add a custom CSS code to hide/remove the Checkout datepicker field on the checkout page.

    Hope that makes sense.

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