[awoaddesigns]

Hi guys.

First thing, there is weird padding and responsive issues in using your plugin with my theme (GeneratePress Pro) This is happening on the cart page and checkout page. Cart page is the worst:
cart: https://gyazo.com/c959258ade685efa0667924922501287
checkout: https://gyazo.com/86c63723d8b5d7547fd182e9435b2ac6

Also is there a way to display the coupon box on the checkout page as well?

Next thing is will it be possible in the future to put multiple fixed dates on one calendar at the same price as in this website example: https://www.banfftours.com/activities/discover-banff/

Right now multiple fixed dates are individual rows and once selected you have to select the fixed date again on the calendar: https://gyazo.com/aa83eecac7bf3dd2aba4224584ff1cb9 For now is there a way to have the fixed date auto-populate on the calendar instead of asking the customer to select it again? As you can see I named them the fixed dates.

Last thing is with post widths, I am trying to configure your plugin to work with my theme. I removed the padding and made a single trip post full width, the issues is it does the same for my blogs, which looks horrible: https://gyazo.com/edad813b59b60ff6f625c7825d9a24c4

Is there an id to target the width of just trip posts instead of all posts on the website?

Thanks,

Allison

[Support Team]

Hello @awoaddesings,

Thank you very much for using the WP Travel plugin.

Please find the answer to your query below:

Query #1: First thing, there is weird padding and responsive issues in using your plugin with my theme (GeneratePress Pro) This is happening on the cart page and checkout page. Cart page is the worst:

Response: The layout issues is due to the incompatibility in layout between plugin and theme. However, we will provide the CSS fix so please provide your site URL and we will provide the precise fix.

Query #2: Also is there a way to display the coupon box on the checkout page as well?

Response: Actually a checkout page is a page where there is a final calculation of the trip and where you will only be able to fill the booking form. All the calculations including the price after the coupon being added will be calculated in Cart page i.e all the calculations is finished in the cart page. If the coupon box is again added then the process will be repeated that the coupon amount will be discounted twice. Even adding coupon directly in checkout page is not what is practiced.

Hope this clears the confusion.

Query #3: Next thing is will it be possible in the future to put multiple fixed dates on one calendar at the same price as in this website example:

Response: This feature is currently not available in the plugin but has been noted as the requested feature. But if you want the feature right away then you can always consider hiring the proffesional developer.

To hire a developer please refer to below given link:

http://wptravel.io/hire-wordpress-customizer/

Query #4: Right now multiple fixed dates are individual rows and once selected you have to select the fixed date again on the calendar: https://gyazo.com/aa83eecac7bf3dd2aba4224584ff1cb9 For now is there a way to have the fixed date auto-populate on the calendar instead of asking the customer to select it again? As you can see I named them the fixed dates.

Response: Actually, the text displayed in the right side of the multiple pricing options is a pricing name. So you need to enter the booking date again since the filed is not connected with the date you have listed as the date of the trip because it is displayed as the name in there.

But you can hire a developer if you want to remove the option to enter the date after adding the specific date.

To hire a developer please refer to above link.

Query #5 Last thing is with post widths, I am trying to configure your plugin to work with my theme. I removed the padding and made a single trip post full width, the issues is it does the same for my blogs, which looks horrible:

Response: Please provide your site URL so that we can provide the precise fix on this.

Thank you.

Best Regards!!

[awoaddesigns]

Thank you for your quick response.

Click here to go to the website

Thank you.

Best,

Allison

[Support Team]

Hello @awoaddesigns,

Please add below given CSS by going to Admin Panel > Appearance > Customize > Additional CSS to resolve the issue in the responsive view.

* {
box-sizing: border-box;
}
.checkout-page-wrap .form-horizontal .form-group {
  margin: 0;
}

.inside-article .entry-meta,
body[itemtype*="schema"] .comments-area {
  max-width: 1220px;
  margin: 0 auto;
  padding: 0 15px;
}

body[itemtype*="schema"] .comments-area {
  background-color: #f7f7f7;
}

Please let us know if this works for you or not?

Thank you.

Best Regards!!

[awoaddesigns]

That worked, thank you 🙂

Is there a way to only have the option booking with payment instead of booking only on the checkout page? https://gyazo.com/08a3410607dac745f681027802808be9

Best,

Allison

[Support Team]

Hello @awoaddesigns,

To have the option “Booing with Payment only” please refer to below given link:

http://wptravel.io/display-booking-with-payment-option-only-in-checkout-page/

Hope this helps.

Regards!!

[awoaddesigns]

Thank you that worked, to be honest it would be great to just remove that whole option section from the front-end completely as no tour will be booked without a payment.

Another question I have is about showing related trips, I have it set to not hide related trips but nothing shows up on the trips I have. What is the criteria to have related posts, is it based on similar categories, activities, etc?

[awoaddesigns]

*related trips not posts

[Support Team]

Hello @awoaddesigns,

Glad that the code worked for you 🙂 .

Also, some of the users like to use the “Booking only” feature so we have added it in the plugin. Also, we really appreciate your suggestions 🙂 .

Now as for the “Related trip” section, those trip will be displayed who has same “Trip Type“. The trips that are assigned to the same trip type will be listed in the Related post section.

You can add the trip type from the Admin panel > Trips > Trip Type or from the individual trip edit screen as well.

Also, here trip type works as similar to the default WordPress the category.

Hope this clears the confusion.

Thank you.

[awoaddesigns]

Odd the related trips are not showing up and I have several in the same trip category: view here

[awoaddesigns]

One other question, how hard would it be to just show the calendar for the date selector instead of it being a dropdown? https://gyazo.com/945714e5bd5c2f779ca420d11472c728 Kinda like how this is: https://gyazo.com/6584fdb07eb6a1a86c72b29ea955ff49

Also how do you change the available dates background color? Right now it just changes the date number color which is hard to see, once again see this example: https://gyazo.com/6584fdb07eb6a1a86c72b29ea955ff49

Thank you

[Support Team]

Hello, @awoaddesigns,

Please find below the responses for each of your queries listed below :

1) Odd the related trips are not showing up and I have several in the same trip category:
Response: If you are having trouble with the related trips section, firstly, please make sure that you have not disabled the related trips section from Trips > Settings > Trip ( Screenshot : https://prnt.sc/kl36vp ).

2) how hard would it be to just show the calendar for the date selector instead of it being a dropdown?
Response: You can change the calendar date picker layout with some customization through your child theme.
To do so, add the following file ( wp-travel-f-end-js.js ) to your child theme directory. :

https://gist.github.com/xqluzxwise/58c735a5ea3ba4b3540c37a130f5cbf6

Then, Add the following code to your child theme’s functions.php file :

/**
 *Your code goes below
 */

add_action( 'wp_enqueue_scripts', 'travel_log_custom_dequeue_front_end_script', 999 );

function travel_log_custom_dequeue_front_end_script() {

  wp_dequeue_script( 'travel-door-script' );

  $lang_code = explode( '-', get_bloginfo('language') );
  $locale = $lang_code[0];
  
  wp_register_script( 'wp-travel-script-front-end', get_stylesheet_directory_uri() . '/wp-travel-f-end-js.js', array( 'jquery', 'jquery-datepicker-lib', 'jquery-datepicker-lib-eng', 'jquery-ui-accordion' ), true );

  // Add vars.
  $frontend_vars = array(
    'ajaxUrl' => admin_url( 'admin-ajax.php' ),
    'nonce'   => wp_create_nonce( 'wp_travel_frontend_enqueries' ),
    'cartUrl' => wp_travel_get_cart_url(),
    'text_array' => array(
      'pricing_select' => __( 'Select', 'wp-travel' ),
      'pricing_close'  => __( 'Close', 'wp-travel' ),
    ),
    'locale' => $locale,
  );

  $frontend_vars = apply_filters( 'wp_travel_js_frontend_vars', $frontend_vars );

  wp_localize_script( 'wp-travel-script-front-end', 'wp_travel_frontend_vars', $frontend_vars );

  // Enqueued script.
  wp_enqueue_script( 'wp-travel-script-front-end' );

}

This will change the Datepicker to show inline calendar.

3) Also, how do you change the available dates background color?
Response: You can add the following custom CSS to your child theme’s style.css file to change the calendar colors :

.datepicker--cell-day:not(.-disabled-) {
    background: #c6ff93;
    color: #000;
}

.datepicker--cell-day {
    width: 13.28571%;
    margin: 1px;
}

.datepicker--cell.-selected-,
.datepicker--cell.-selected-.-current- {
    color: #000;
    border: 1px solid;
    background: #dcffbe!important;
}

Hope this helps,
Best Regards !!

[Author]

Posts