0.00  View Cart

Support WooCommerce Easy Booking Suggestion: validation error on empty dates

This topic contains 2 replies, has 2 voices, and was last updated by  Koli14 1 month ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #6310

    Koli14
    Participant

    First of all, thanks for the plugin, it’s great!

    My suggestion is, to provide validation errors, when user try to click on “Add to Cart” button, but the dates are empty.

    I see on your demo site the “Add to Cart” is disabled until no dates are selected, but in my site it’s not (I don’t know why). But it’s more informative to write out a validation error, and make the missing fields red.

    My site: https://digitalnomadhungary.com/product/premium-package/

    #6318

    Ashanna
    Plugin's author

    Hello,

    It is disabled, it’s just that your CSS makes it look normal (it has a “cursor: pointer” property for instance).

    And in my sense, it’s useless to allow people clicking the “add to cart” button if it’s going to return an error anyway.

    You could try to add this to your theme’s style.css for example:

    .single_add_to_cart_button {
    	position: relative;
    }
    
    .single_add_to_cart_button:disabled {
      cursor: not-allowed !important;
    }
    
    .single_add_to_cart_button:disabled::after {
    	content: "Please select dates";
    	box-sizing: border-box;
    	display: block;
    	position: absolute;
    	left:0; top: 0;
        width: 100%; height: 100%;
    	background: #d69e5a;
        padding-top: 5px;
    }

    It will add a “Please select dates” text on the button when it’s disabled.

    Regards,
    Natasha

    #6323

    Koli14
    Participant

    Dear Natasha,

     

    You are right, and thanks for the code!

     

Viewing 3 posts - 1 through 3 (of 3 total)

The topic ‘Suggestion: validation error on empty dates’ is closed to new replies.

Want to know what's next with Easy Booking? Check the roadmap!