Shortcode booking form
[booking-form]
[booking-form location=5122]Code language: JSON / JSON with Comments (json)
**If you work with locations, then there is no main location anymore for the restaurant reservations plugin. So if you have a main and sub location, then you can only allow reservations for the sub location. If you also need reservations for the main location, then you need to create a sub location for that as well.**
Check confirm by default
If you edit the reservation to change the status to confirmed, it doesn’t send a confirmation unless you check the ‘Send notifications‘ box. Copy the below function in the child themes functions.php to have that box checkedby default.
// 5* restaurant reservations, edit reservations send message box
checked by default
function rtb_switch_admin_notification_field_callback( $fields,
$request ) {
$fields['admin']['fields']['notifications']['request_input']
= true;
return $fields;
}
add_filter( 'rtb_booking_form_fields',
'rtb_switch_admin_notification_field_callback', 21, 2 );Code language: PHP (php)
Style the reservation form
/* -- START Restaurant Reservations Plugin --*/
header#main-header {
z-index: 9998;
}
.picker__frame {
z-index: 99999;
}
fieldset.rtb-contact {
float: right;
width: 48%;
}
fieldset.rtb-contact, fieldset.reservation {
float: left;
width: 47%;
}
@media only screen and (min-width: 782px) and (max-width: 1392px) {
fieldset.rtb-contact, fieldset.reservation {
width: 46%;
}
}
@media only screen and (max-width: 782px) {
fieldset.rtb-contact, fieldset.reservation {
width: 100%;
}
}
fieldset.reservation {
margin-right:50px;
}
.rtb-text.email, .rtb-text.phone {
display: block;
width: 100%;
}
.rtb-text.email {
margin-right: 10px;
}
.rtb-message {
text-align: -webkit-center;
text-align: center;
}
.rtb-booking-form input, .rtb-booking-form .message textarea {
max-width: 100%!important;
border-color: #d4b48e !important;
border-radius: 5px !important;
background-color: rgba(255,255,255,0.75) !important;
color: #8c734a;
font-size: 20px;
}
.rtb-booking-form input:focus {
color: #8c734a !important;
font-size: 20px;
}
.rtb-booking-form textarea:focus {
color: #8c734a !important;
font-size: 20px;
}
.rtb-booking-form input, select#rtb-party {
padding: 12px;
color: #8c734a;
font-size: 20px;
border-color: #d4b48e !important;
border-radius: 5px !important;
background-color: rgba(255,255,255,0.75) !important;
}
select {
border-radius: 5px !important;
}
select#rtb-party {
height: 53.5px;
line-height: 40px;
width: 100%;
border-radius: 5px !important;
border: 1px solid #d4b48e;
outline: 1px solid #d4b48e;
outline-offset: -1px;
border-color: #d4b48e !important;
background-color: rgba(255,255,255,0.75) !important;
}
.rtb-booking-form legend {
padding: 0!important;
text-transform: uppercase;
font-size: 22px;
color: #000000 !important;
}
.rtb-booking-form fieldset {
margin-bottom: 2em!important;
}
.add-message a {
display: inline!important;
}
.rtb-textarea {
position: relative;
top: auto;
left: auto;
}
.rtb-booking-form .rtb-error {
background: #C10C0C !important;
}
.rtb-booking-form button {
font-family: inherit;
bottom: 0;
color: #100c05;
border: 1px solid #fef9f3;
border-radius: 0px !important;
letter-spacing: 0px;
font-size: 20px;
text-transform: uppercase !important;
display: block!important;
width: 100%!important;
height: unset !important;
padding: 0.5em 0em !important;
text-align: center!important;
transition: all 0.4s ease-in-out;
background: #d4b48e;
box-shadow: 0px 2px 18px 0px rgba(0, 0, 0, 0.3);
}
.rtb-booking-form button:hover {
color: #fef9f3 !important;
border-color: #fef9f3 !important;
border-radius: 0px !important;
letter-spacing: 0px;
}
.picker__list-item {
padding: .5em 0;
font-size: 24px;
display: inline-block;
width: 24.8%;
text-align: center;
border-bottom: 0px!important;
}
.picker--time .picker__frame, .picker--opened .picker__frame {
max-width: 50%!important;
top: 25%!important;
}
.picker__day--highlighted {
border-color: #fff!important;
}
.picker__button--today:before {
border-top-color: #d4b48e!important;
}
.picker__day--today:before {
border-top-color: #fff!important;
}
.picker__day--highlighted:hover, .picker__day--infocus:hover, .picker__day--outfocus:hover, .picker__list-item:hover {
background: #fff!important;
box-shadow: inset 0px 0px 0px 3px #d4b48e;
border: 0px solid #d4b48e !important;
}
.picker__button--clear:hover, .picker__button--close:hover, .picker__button--today:hover, .picker__nav--next:hover, .picker__nav--prev:hover {
background: #ddd!important;
box-shadow: inset 0px 0px 0px 3px #ddd;
}
.picker--focused .picker__list-item--disabled, .picker__list-item--disabled, .picker__list-item--disabled:hover {
display: none;
}
.picker__day--selected, .picker__day.picker__day--infocus.picker__day--today:hover, .picker--focused .picker__day--highlighted, .picker__day.picker__day--infocus.picker__day--selected.picker__day--highlighted:hover, .picker__list-item--highlighted, li.picker__list-item.picker__list-item--selected.picker__list-item--highlighted.picker__list-item--viewset:hover, li.picker__list-item.picker__list-item--highlighted.picker__list-item--viewset:hover {
background: #d4b48e!important;
color: #fff!important;
border: 0px solid #d4b48e !important;
}
input:focus, textarea:focus, select:focus {
border-color: #d4b48e!important;
color: #3e3e3e!important;
}
fieldset.rtb-form-footer {
width: 100%;
}
/* -- END Restaurant Reservations Plugin --*/Code language: CSS (css)
Bulk delete all old reservations
Use this plugin https://en-gb.wordpress.org/plugins/bulk-delete/
- Delete by post type
- Booking (rtb-booking)