Checkout Cart issues

Homepage Forums WP Travel Pro Checkout Cart issues

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #27061
    tripicaregp
    Participant

    I am experiencing overlapping on the Travel Cart page (www.tripicare.com/travel-cart/). Also when you progress to checkout, the cart doesn’t display properly. My default settings are set for the full page use so I’m unsure how to fix this. Please advise.

    Sorry, I attempted to submit this once before under the wrong username and not my Pro license.

    #27068
    wensolutions
    Keymaster

    Hello,

    Regarding empty cart issue, please once refer below given link and follow the steps.

    https://wptravel.io/faq/#empty-cart-issue

    If issue still persist, let us know.

    Thank you.

    #27089
    tripicaregp
    Participant

    I’m sorry if I was not clear. My cart isn’t empty. What I’m experiencing is the cart does not show up fully on either page. Please refer to the page urls I provided. I think that will give a better idea to what I’m dealing with. https://tripicare.com/travel-checkout/. The Cart box is rectangle rather than square (for instance) and the words are bleeding over each other.

    #27114
    wensolutions
    Keymaster

    Hello @

    The issue may have raised due to the incompatibility of the theme with the plugin. However, it can be solved using the CSS given below:

    Add below given CSS by going to Admin Panel > Appearance > Customize > Additinal CSS.

    .ws-theme-cart-page .ws-theme-cart-list .item_cart h4{
        font-size: 18px;
        text-align: left;
    }
    .ws-theme-cart-page .ws-theme-cart-list .product-name{
        max-width: 400px;
        text-align: left;
    }
    .ws-theme-cart-page .ws-theme-cart-list .product-price input{
        max-width: 50px;
    }
    .ws-theme-cart-page .ws-theme-cart-list .person-count{
        white-space: nowrap;
    }
    
    .ws-theme-cart-page .ws-theme-cart-list .item_cart h4{
        font-size: 18px;
        text-align: left;
    }
    .ws-theme-cart-page .ws-theme-cart-list .product-name{
        /* max-width: 400px; */
        text-align: left;
    }
    .ws-theme-cart-page .ws-theme-cart-list .product-price input{
        max-width: 50px;
    }
    .ws-theme-cart-page .ws-theme-cart-list .person-count{
        white-space: nowrap;
    }
    .ws-theme-cart-list{
        min-width: 100%;
        width: unset;
    }
    .ws-theme-cart-list p{
        margin: 0;
    }
    .ws-theme-cart-list input[type=text]{
        width: inherit;
    }

    Thank you.

    #27155
    tripicaregp
    Participant

    .ws-theme-cart-page .ws-theme-cart-list .product-name{
    /* max-width: 400px; */
    text-align: left;

    is showing up as yellow

    #27157
    tripicaregp
    Participant

    No change on the page. Please let me know if I need to provide you with something else. I copied and paste as its written. Thanks in advance.

    #27197
    wensolutions
    Keymaster

    Hello @tripicaregp,

    When we inspected your site URL, the CSS seems to work fine as you can see in the screenshot below:

    https://prnt.sc/t42efe

    Can you please mention the device, browser, and size that in which you test the page so that we can replicate the issue on our side?

    Hoping to hear from you soon.

    Thank you.

    #27218
    tripicaregp
    Participant

    Thank you for the screenshot, however my issue is with the page After the cart. It’s with the checkout. On that page, you will see (a) the traveler information request on the left is spaced out adequately and (b) the cart summary on the right is not. The information is mushed together. Thank you for your patience with me in explaining this case to you and working through it with me.

    Unfortunately, I did had two issues…Thank you sincerely in advance.

    #27239
    wensolutions
    Keymaster

    Hello,

    To resolve the issue, please add following given CSS code in Additional CSS section by going to Admin Panel > Appearance > Customize > Additional CSS

    .checkout-page-wrap {
        grid-gap: 50px;
    }
    .checkout-page-wrap .wp-travel-minicart, .checkout-page-wrap .wp-travel-checkout-section{
        max-width: unset;
    }

    Hope this helps.

    If you have any queries further, let us know.

    Thank you.

    #27255
    tripicaregp
    Participant

    Much better…thank you!!

    #27268
    wensolutions
    Keymaster

    Hello,

    Glad that we could help you.

    Also, we would really appreciate if you could help us by rating our plugin by following the link below:

    https://wordpress.org/support/plugin/wp-travel/reviews/

    If you have any queries further, let us know.

    Thank you.

Viewing 11 posts - 1 through 11 (of 11 total)
  • You must be logged in to reply to this topic.