Support Archive (3)

Important!!!    Check actual Support Forum, if you need to ask a Questions.

  1. Hi,

    I have purchased the small business software and have a couple of questions. In the calendar I want to change the Booked colour but cannot see in the skins css folder the Premium-Marine style sheet. How can I change the colour. Also in the calendar view I have configured the check-in and check-out times but I want the view to show half of the day as booked. At the moment it covers only a small portion of the date.

    In the back end for wordpress under the add bookings tab I would like the form to be in 2 columns. The form fields are only in one column and the rest of the page looks blank. Also under the calendar is there a way to add a note for the user to "click on first date then last date to select multipule dates"?

    Thanks

    • Hello.
      1) Please read more about how to configure calendar skins here: https://wpbookingcalendar.com/faq/change-skin-and-colors/
      You can find "Premium Marine" calendar skin at the ../{Booking Calendar Folder}/inc/skins/ folder.

      2) If you need to divide day to 50% then please make this fix.

      Please open this file ../{Booking Calendar Folder}/css/calendar.css

      then find this code:

      /*Backgorounds*/ .block_hints .block_check_in_out.check_in_time div.check-in-div, /* Item for the LEGEND */ .block_hints .block_check_in_out.check_out_time div.check-out-div, /* Item for the LEGEND */ td.timespartly.check_in_time div.check-in-div, /* Define the check in/out time BACKGRUND */ td.timespartly.check_out_time div.check-out-div { border: 0px none; float: left; height: 200%; margin-bottom: -400%; position: relative; top: -50%; vertical-align: bottom; width: 20%; z-index: 0; }
      and replace it to this code:

      /*Backgorounds*/ .block_hints .block_check_in_out.check_in_time div.check-in-div, /* Item for the LEGEND */ .block_hints .block_check_in_out.check_out_time div.check-out-div, /* Item for the LEGEND */ td.timespartly.check_in_time div.check-in-div, /* Define the check in/out time BACKGRUND */ td.timespartly.check_out_time div.check-out-div { border: 0px none; float: left; height: 200%; margin-bottom: -400%; position: relative; top: -50%; vertical-align: bottom; width: 50%; z-index: 0; }

      3) You can configure the structure of booking form at the Booking > Settings > Fields page.
      For example you can reset exist booking form to the "2 Columns Forms" template to have calendar in one row and form fields in other row.
      If you was done this, and have some CSS issues with showing booking form fields at the Booking > Add booking page, then its can be because of some conflict with other plugins or because of some mistake in configuration of the booking form at the Booking > Settings > Fields page. Please be sure that you closed all relative HTML tags, like DIV.

      If the issues still will exist then please try to deactivate one by one all your active plugins at the WordPress > Plugins menu. Then retest it again.
      If its not help, please deactivate your active theme and active the default WordPress theme. And then retest it again. May be there exist some conflict with some active plugin or actual theme and just need to find the reason of that issue.

      4) You can write only static text at the Booking > Settings > Fields page under [calendar] about how to select dates in calendar.
      Kind Regards.

  2. Hi there,
    Is it possibel to give extra (hidden) information in the booking form, that will show up in the booking Administration?
    I tried the [text some_field_name "my_param"] and [text other_field_name "other_param"]
    but nothing shows up in the Booking administration.

    Thanx,
    Sieb

    • Hello.
      Basically you can use this in the "booking form" at the Booking > Settings > Fields page, shortcode like this:
      <div style="display:none;"> [text some_field_name "my_param"] [text other_field_name "other_param"] </div>

      And in "Content of booking data" form at the Booking > Settings > Fields page, you can use these shortcode to show those data:
      [some_field_name] [other_field_name]

  3. Thanks for your great support. Everything worked well. I added the div code to the form in the fields page and it fixed the layout.

  4. Hi,

    In the backend of wordpress in the Bookings list view then Booking data my client wants the information (fields) on individual rows. ie first name one row last name one row ect. I also need to take off the highlighted yellow colour and change the information text type to normal instead of bold. I also need to do this for the popup window as well when mousing over the booking name in booking list calendar view. Where and how can I do that?

    Thanks again for your great support.

    Isabelle

    • Hello.
      1) You can configure to show the booking data in several rows at the Booking Listing page and at the popover in Calendar Overview page at the Booking > Settings > Fields page in "Content of Booking data" form. Its at the bottom of the Booking > Settings > Fields page.
      Use TABLE or BR HTML elements for this.
      2) For not showing data in yellow background color, just do not use this element: <span class="fieldvalue">.
      Kind Regards.

  5. Hi, I have Version: Business Small SingleSite 6.0, Business Small, Release date: 02.02.2016.

    Where/which file do I mess with to change the colors etc for the booking system (admin side) Calendar overview.

    Thank you

    • Hello.
      If you need to change the colors in the Booking Calendar admin panel in "Calendar Overview" page, then you need to edit this file:
      ../{Booking Calendar Folder}/css/admin.css
      Kind Regards.

  6. Hello,
    I have installed the version for small businesses but the bookings menu doesn't appear on my back end administrator menu. Why? what can i do to show the booking menu in the administrator side and edit my resources?
    Thank you

    • Hello.

      1) Please be sure that you installed (upgraded) Booking Calendar Business Small version correctly. You can check how to do this here: https://wpbookingcalendar.com/help/upgrade-from-free-to-paid-version/

      2) Please log in as "administrator" to your WordPress admin panel.
      Then you have to see the "Booking" menu page.
      Then open the General Booking Settings page and in the right side of this page, please configure correct "user role" for the each Booking Calendar menu pages. So other users of your WordPress website can access this menu.

      3) If you still have this issue, probably its can be because of some conflict with other plugin.
      Please try to deactivate one by one all your active plugins at the WordPress > Plugins menu. Then retest it again.
      If its not help, please deactivate your active theme and active the default WordPress theme. And then retest it again. May be there exist some conflict with some active plugin or actual theme and just need to find the reason of that issue.

      Kind Regards.

      • Thank you for your supporting tips. It's working properly.

  7. Hi.
    We have a multisite licence.
    I would like to know if we can limit a reservation for example only from Saturday to Saturday.
    Thanks in advance.

    • Hello.
      Such functionality available in the Booking Calendar Business Small and higher versions.

      Please check more about days selections here: https://wpbookingcalendar.com/overview/#range-days-selection
      and about the change over days here: https://wpbookingcalendar.com/overview/#change-over-days

      1) For setting ability to select only weeks, you need to make this configuration:

      Open the General Booking Settings page and in "Calendar" section activate the "range days selection mode using 2 mouse clicks"
      then set
      - minimum number of days selection as 7 days
      - maximum number of days selection as 28 days
      - and specific number of days selections as 7,14,21,28

      And then select specific "start days" selection and select "Saturday".
      Save the changes and test it.

      2) If you activate the "change over days" feature, then half booked days will mark by vertical line (as in this live demo).

      To activate using "change over days" feature you need select range days selection or multiple days selections mode on the General Booking Settings page in calendar section.After this you can activate the "Use check in/out time" option and configure the check in/out times.
      For example, check in time as 14:00 and check out time as 12:00.

      You can test it in Booking Calendar live demo at this page https://bm.wpbookingcalendar.com/ to be sure in functionality and do not have misunderstanding.
      Kind Regards.

      • Thanks 😉
        I understood everything.
        But i can turn this feature on only for a specified period and not for the whole calendar?
        For example only in August or September or in specific range (ex: from 1 August to 18....).
        Thanks in advance.

        • Hello.
          You can set for the "August and September" the week type of days selection, and for the other days in the same calendar, you can define the different number of selected dates. But its still will be "range days selection mode using 2 mouse clicks".
          So you can define in the General Booking Settings page the general rule of days selection for entire calendar.
          And for the August and September (you will be need to define these dates as season filter), you can define the different number of days selection. You can define it in the Booking Calendar shortcode in the option parameter, during inserting this shortcode into the post or page.
          Please read more about this here: https://wpbookingcalendar.com/help/booking-calendar-shortcodes/#booking-options-condition
          Kind Regards.

          • Thanks.
            So I put an 8-day range for the period "Alta Stagione"

            {select-day condition="season" for="Alta Stagione" value="8"}

            To make sure that you can only book from Saturday to Saturday in "Alta Stagione" which code should I enter?
            Thanks 😉

            • Hello.
              You need to have something like this:
              [booking type=4 nummonths=3 options='{select-day condition="season" for="High season" value="8,15,22,29"}, {start-day condition="season" for="High season" value="6"}']

              Please note, "High season" its exact name of the season filter, that you need to create at the Booking > Resources > Filters page and define there, your August and September, or any other dates.

              And of course type=4 have to be with ID of your booking resource (you can check ID of booking resources at the Booking > Resources page).

              Also at the General Booking Settings page you need to configure range days selection mode with 2 mouse clicks for general selections of the dates in your calendars.

              Again, please read how manually to configure Booking Calendar shortcodes here https://wpbookingcalendar.com/help/booking-calendar-shortcodes/
              Kind Regards.

  8. Oops, I must have forgotten to save. I've cleared all cache and am getting an error, 'please select dates." Does this mean I *have* to use the first calendar to make the multiple booking form work?

    • Hello.
      Sorry, need to add one additional customization:
      Replace this code:
      if (document.getElementById('calendar_booking'+bk_type) != null ) { var inst = jQuery.datepick._getInst(document.getElementById('calendar_booking'+bk_type)); if (bk_days_selection_mode == 'dynamic') if (bk_2clicks_mode_days_min != undefined) { if(typeof( check_conditions_for_range_days_selection_for_check_in ) == 'function') { var first_date = get_first_day_of_selection(document.getElementById('date_booking' + bk_type).value); var date_sections = first_date.split("."); var selceted_first_day = new Date; selceted_first_day.setFullYear( parseInt(date_sections[2]-0) ,parseInt(date_sections[1]-1), parseInt(date_sections[0]-0) ); check_conditions_for_range_days_selection_for_check_in(selceted_first_day, bk_type); } if (inst.dates.length < bk_2clicks_mode_days_min ) { alert(message_verif_selectdts); return; } } }

      to this:

      // Get ID of calendars, where selected dates. //FixIn:6.1.1.5 var selected_dates_cal_id = []; if ( document.getElementById('date_booking' + bk_type).value != '' ) selected_dates_cal_id[selected_dates_cal_id.length] = bk_type; if ( document.getElementById('additional_calendars' + bk_type) != null ) { // Checking according additional calendars. var id_additional_str = document.getElementById('additional_calendars' + bk_type).value; //Loop have to be here based on , sign var id_additional_arr = id_additional_str.split(','); var is_all_additional_days_unselected = true; for (var ia=0;ia<id_additional_arr.length;ia++) { if (document.getElementById('date_booking' + id_additional_arr[ia] ).value != '' ) { selected_dates_cal_id[selected_dates_cal_id.length] = id_additional_arr[ia]; } } } for( var ci = 0; ci < selected_dates_cal_id.length; ci++) { var abk_type = selected_dates_cal_id[selected_dates_cal_id.length] if (document.getElementById('calendar_booking'+abk_type) != null ) { var inst = jQuery.datepick._getInst(document.getElementById('calendar_booking'+abk_type)); if (bk_days_selection_mode == 'dynamic') if (bk_2clicks_mode_days_min != undefined) { if(typeof( check_conditions_for_range_days_selection_for_check_in ) == 'function') { var first_date = get_first_day_of_selection(document.getElementById('date_booking' + abk_type).value); var date_sections = first_date.split("."); var selceted_first_day = new Date; selceted_first_day.setFullYear( parseInt(date_sections[2]-0) ,parseInt(date_sections[1]-1), parseInt(date_sections[0]-0) ); check_conditions_for_range_days_selection_for_check_in(selceted_first_day, abk_type); } if (inst.dates.length < bk_2clicks_mode_days_min ) { showMessageUnderElement( '#date_booking' + abk_type, message_verif_selectdts, ''); makeScroll('#calendar_booking' + abk_type); // Scroll to the calendar return; } } } }

      Its in the same client.js file.
      Kind Regards.

  9. Hello again.

    When I switch between Search Form styles, nothing changes. There used to be a style where the checkin/checkout date selectors were in a row.

    check in: [date selector ] check out: [date selector] guests: [guest selector] [submit]

    I'd love to know how to get it back to that style. Have tried editing from form editor - I don't know the CSS to get the whole form in one row.

    Thank you

    • Hello.
      Please open the Booking > Settings > Search page,
      then switch to the "Text" mode search form editor and use this code:
      <div class="wpdevbk"> <div class="form-inline well"> <label>Check in:</label> [search_check_in] <label>Check out:</label> [search_check_out] <label>Guests:</label> [search_visitors] [search_button] </div> </div>
      Kind Regards.

      • Hello!
        The form still spans the entire width of the page. Is it possible to have all fields smaller, in a single row?

        Thank you

        • Hello.
          Can you send the link to the page with this issue?
          Also, because we are having too long query conversations about these points, please email directly to the support @ wpbookingcalendar.com with new questions.
          Its will be more easy to reply about all these things.
          Kind Regards.

        • Oops sorry - I changed the width to 25% in the .css file and it works great. Thank you!

          Last question: when I search, "pending" booked rooms show up as available. Is it possible to make them not show up in search results?

          • Hello.
            Please open the General Booking Settings page and recheck that you do not activated in advanced section option to show all "pending days" as available.
            Kind Regards.

              • Hello.
                Check these items at the General Booking Settings page in Calendar section, under the check in/out times:
                - Use "Check In" date as available in calendar for booking resources with capacity higher then 1 for search results - Use "Check Out" date as available in calendar for booking resources with capacity higher then 1 search results

                Also please open the General Booking Settings page and in the "Advanced section", please be sure that you have not activated this option: "Allow unlimited bookings per same day(s):". This option must be unchecked. If its checked, please uncheck it and update the settings.
                If you still will have this issue, please recheck for the any cache plugins, like "WP Super Cache" or "W3 Total Cache". If you are using someone, please deactivate it or add the exception to the page with booking form for do not cache this page(s).
                Kind Regards.

                  • Hello.
                    You configured search results form in some wrong way.
                    Please open the Booking > Settings > Search page and click on "Reset" buttons near "Search form" and near "Search results" form.
                    Currently you are using some shortcodes from search form inside of the search results form".
                    Kind Regards.

  10. Hello,

    One client requested me change the booking system, it currently doesn't any booking item.He wants all of bookings will be shown.

    Please tell me which files (which lines) will I change ?

    Thanks

    • Hello.
      1) If you was meaning about ability to show the past bookings in the admin panel, then please open the Booking Listing page, and switch to the "Filter" toolbar, please click also at the "down arrow" at the left bottom side under the toolbar to expand Filter toolbar. Now check each filter parameter to not limit booking results. For example, instead of "Current dates" select in specific select box "All dates", etc.. Then click on "Apply" button to refresh booking listing results.

      2) If you was meaning about ability to show "past" bookings in the calendar at the front-end side of your website, then you will be need to make customization in the code.
      Please note, if you will have too many bookings, its can impact to the speed of loading page with these booking form, because its will load all booked dates for specific booking resources. If you still want to make this customization, please make this fix.

      a) Please open this file: ../{Booking Calendar Fodler}/js/client.js
      find this code:
      var bkMinDate = 0;
      and replace it to this code:
      var bkMinDate = null;

      b) Then open this file: ../{Booking Calendar Fodler}/lib/wpdev-booking-class.php
      find this code:
      WHERE dt.booking_date >= CURDATE() AND bk.booking_type IN ($bk_type_additional) AND bk.form like '%admin@blank.com%'
      and replace it to this code:
      WHERE bk.booking_type IN ($bk_type_additional) AND bk.form like '%admin@blank.com%'

      c) then find this code:
      WHERE dt.booking_date >= CURDATE() AND bk.booking_type IN ($bk_type_additional)
      and replace it to this code:
      WHERE bk.booking_type IN ($bk_type_additional)

      d) finally find this code:
      WHERE dt.approved = $approved AND dt.booking_date >= CURDATE() AND bk.booking_type IN ($bk_type_additional)
      and replace it to this code:
      WHERE dt.approved = $approved AND bk.booking_type IN ($bk_type_additional)

      PS Please note, if you will modify the source code of the Booking Calendar, we will not guaranteed the correct work of plugin and do not support it.