Live Calculation Booking

Ask the community
, ,
1

If you have some spare minutes, i would love your feedback on a project!
https://futurevisionweb.wixsite.com/greagoriascleaning
Click “My account” on the top of the page.
Register with an email(it doesn’t need verification so just use something like testx1@test.com)
Complete the registration
And play around with the member’s profile(try change stuff add addresses, delete addresses/edit addresses,change your data!)
And finally click “Book Now” and just choose some random stuff on the calculator, and then click “Complete Booking”.
Select an address and fill some random data on the fields below.
From the dates, i have only set up time slots for next Sunday 25/3/2018, so select that and just select a random time!
Now for the card details it is on test environment so to return a successful response enter this details :
Card Number : 4242424242424242
MM/YYYY : 08 / 2021
Name on card: Doesn’t matter
CVC : 351
Then you will be redirected to the booking history.From there you can repeat an order or select and order to view more details.
Please play around a bit and try to break it!!!
It is always the best to find the bugs at start, to fix them before the launch of the project!!

2 Likes
2

The only snag I had was that I could not properly add my address to complete the process. The reason for this is that the unity (should this be unit?) and number fields on the address were required but do not apply to me. Maybe make those two fields optional. Other than that, it’s seamless, intuitive and visually clean.

Did you use an app for calculation or is it from a database? Also, how did you arrive at the floating component that shows the total?

3

Hello and thanks for the feedback!
I’m really not sure what this “unity” is.Client had it on his notes as required so i put it there…I’m not from the US so i don’t really know how stuff work there.
Everything is done with wixcode, no app used for anything.

4

Hello,

As Design Lion mentioned, I am almost certain “Unity” should be “Unit” and it should be an optional entry.

Also, in the US the street number comes before the Street name, so you may want to switch those two up. I’ve actually never seen those two separate, so if it’s an option i would combine “Street Name” and “Number” to “Street Address” to make it one box

5

Your Site is Fine, i just registered as usmanelvis@gmail.com
You are Really Good.
Please take a look my Site.
i have the datePickers as onChange Events.

$w("#datePicker1").onChange( (onChange, $w) => {
  
  //let chosenDate = new Date;
  let chosenDate = onChange.target.value;
  let date1 = chosenDate.getDate();
 console.log(date1);
  });

i have modified the Date to print only the day chosen eg: 19
There is a start date and End date.
eg: 19th (march)
3rd (april)

Now, i want to take this final value and use it to do some maths eg: (31 - 19) - (30 - 03) = ans: to be displayed as Text.
This same ans would be used with other inputs to do more Maths. I want all of it to be done on the bowser and not in database. Please can you help??

Thanks.

Here is the Link:
https://infinityproduction7.wixsite.com/wixcoderv/wixcodepage

6

How did you accomplish a user adding multiple adress and multiple bookings in one database?

7

@ Athanasios Spachos Mar 18
Do you build sites for hire? Do you have a contact email.

8

can you share the payment code

9

Hi Athanasios, I would love for you to implement a similar payment form on my website, please contact me - limpa_lumpa99@hotmail.com

10

@athanasios-spachos Hi.

How did you do your custom payment form? and how did you connect it to your payment method?

Thanks.

11

Hi!
I would love to buy the solution form you. Can you get in touch? pracasync (at) gmail.com

12

The code you used for the services, do you still have it?