V3 Custom Images, Watch Before Upgrading

Note: This post is being published prior to the release of V3 to give everyone time to go through these instructions.

If you are using custom images for the available, unavailable and/or reserved dates, then before upgrading to V3 of the Booking Calendar, you will need to get the URL for those images. After upgrading, you will then update the corresponding settings in the Settings panel with the URL values you got.

To get the URL for the images you are using, start by adding a new blank page to your website. Add the images you are using to this page. Turn on Developer Mode (Coding). You don't need to know anything about coding to complete these instructions. Give each image a widget name to match. The code below uses the names "avail" and "reserv". You could also add a line for "unavail" if required.

Copy and paste the code below into the page code window.

$w.onReady(function () {

	console.log('avail: ', $w('#avail').src);
	console.log('reserv: ', $w('#reserv').src);

});

Preview the page and copy/save the avail and reserv lines printed out. Return to the editor, turn off Developer Mode and delete the page. You can now safely upgrade to V3 now that you have the URLs needed by the Settings panel.