Responsive issues, Date Selector, etc.

Homepage Forums WP Travel Responsive issues, Date Selector, etc.

This topic contains 11 replies, has 2 voices, and was last updated by  Support Team 1 year, 3 months ago.

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #7714

    awoaddesigns
    Participant

    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

    #7735

    Support Team
    Keymaster

    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!!

    #7739

    awoaddesigns
    Participant

    Thank you for your quick response.

    Click here to go to the website

    Thank you.

    Best,

    Allison

    #7744

    Support Team
    Keymaster

    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!!

    #7753

    awoaddesigns
    Participant

    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

    #7755

    Support Team
    Keymaster

    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!!

    #7788

    awoaddesigns
    Participant

    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?

    #7789

    awoaddesigns
    Participant

    *related trips not posts

    #7795

    Support Team
    Keymaster

    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.

    #7835

    awoaddesigns
    Participant

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

    • This reply was modified 1 year, 3 months ago by  awoaddesigns.
    #7837

    awoaddesigns
    Participant

    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

    #7840

    Support Team
    Keymaster

    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 !!

Viewing 12 posts - 1 through 12 (of 12 total)

You must be logged in to reply to this topic.