The Booking & Appointment Plugin for WooCommerce makes it a seamless affair when it assigns resources for Variable Product types.

Let’s see how it works with the Dates and Fixed Time booking type.

a) Booking Type: Dates and Fixed Time 

For example, let’s say that you offer Guitar lessons. You have added this service to your WooCommerce store as a Variable product.

You have used the variations for the Guitar lessons as “Beginner, Intermediate, and Advanced” learners.

This means you offer 3 variations of the same product, i.e., Guitar lessons.

Go to its product page & enable the Booking setting in the booking meta box. Select the Booking type as Dates and Fixed Time as shown below: 

Booking meta box

From the Availability tab, set your booking days as Fridays, Saturdays, and Sundays.

The time slots are one-hour time slots from 9 am to 2 pm.

After that, go to the Resources tab and add your resources as follows:

Adding booking Resources

Here, the Resource A “Priyanka” has a price of $35.

Resource B “Kinjal” costs $30.

After making these changes, click on the Save Settings button and then ‘Publish/Update’.

Your product (Guitar lessons) will be published/ updated accordingly.

Now let’s say that Resource A Priyanka is unavailable for specific time slots offered, i.e., on Fridays from 9 am to 12 pm.

To add this, go to Booking & Appointment > Resources > View Resources > Edit Resource Priyanka page. 

Under Range Type, select Time Ranges > Friday, and add 9 am to 12 pm.

Make this time range unbookable & click the Update resource button.

Here’s how the page will appear once you have added the details:

Resource details page

When the customer chooses Resource A Priyanka, they will see the timeslots from 12 pm to 2 pm for Friday bookings.

This is because the timeslots from 9 am to 12 pm are unbookable.

Frontend Display

The customer has decided to choose an Intermediate lesson for your product.

For the resource person, they have chosen Priyanka.

Since the multiple dates option was enabled, the customer must choose 2 booking dates.

Since this service was made available only for Fridays, Saturdays & Sundays, the customer will only see those days in the Booking Calendar.

Let’s say that the customer has selected Friday- 18th June 2021.

According to the Resource person Priyanka’s availability, the customer will get only two slots.

They are 12 pm to 1 pm and 1 pm to 2 pm.

The customer decides to go with the 12 pm to 1 pm time slot.

Thus, here’s how our settings will appear on the frontend for your variable product:

Product Page

Let’s say that the customer adds another booking with the same resource person.

However, this time the customer chooses Saturday as their booking day.

Here’s how our second booking will appear:

Product Page

They have selected 19th which is a Saturday. That’s why the timeslots available are from 9 am to 2 pm.

The customer has decided to go with the 9 am slot.

The booking summary will appear like this:

Booking Summary

Here’s how the booking order will appear on the Cart Page:

Cart Page

Here’s how it will appear on the Order Page:

Order Page

Similarly, you can configure the resources for different booking types with the Variable Product type.