Checkout Page – Texts Display Issues

This topic has 24 replies, 3 voices, and was last updated 5 years ago ago by Rose Tyler

  • Avatar: khoavo
    khoavo
    Participant
    April 10, 2019 at 09:20

    Hi there, I noticed a texts display issue on the Checkout Page.

    When I go to WooCommerce/Settings/Advanced/Page Setup to select the Terms & Conditions page: https://prnt.sc/n9xnlo
    So that it requires the customer to check the box to acknowledge in order to checkout: https://prnt.sc/n9xlwp
    And when I click on the Terms & Conditions link, then I noticed the Terms & Conditions slides out: https://prnt.sc/n9xm8q

    I don’t recall setting it up for it to slide out like that. And noticed how the WPBakery Page Builder displays its codes? Looks like it’s not displaying it properly. Was this a new feature from the plugin update? CAN I HAVE IT WHERE A POPUP BOX opens up instead of hidden box text slider? It would makes it easier for the customer to read with a popup box.

    Also, is there a way to add an underline to the Terms & Conditions texts so customer know it’s a link to click on? It only changes color when I hover the mouse over that texts.

    If you need the Login to my WP and FTP, let me know as I need to fix this ASAP.

    Thanks,

    Khoa

    Please, contact administrator
    for this information.
    23 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    April 10, 2019 at 09:39

    Hello,

    The terms & conditions link relates to woocommerce functionality. On my test site, I can see the code of WPBakery Page Builder in terms & conditions area even with the default theme, so this situation relates to functionality of WC and can’t be fixed from our side.
    Please read this topic also – https://www.8theme.com/topic/terms-conditions/
    Add this code in Theme Options > Custom CSS to change the styling of the link –

    .woocommerce-terms-and-conditions-checkbox-text a {
        text-decoration:  underline;
    }

    Regards

    Avatar: khoavo
    khoavo
    Participant
    April 10, 2019 at 16:43

    I added that CSS under Global Custom CSS but it didn’t work, the underline didn’t show for Terms and Conditions text link.

    Also see screenshot: https://prnt.sc/na4zu1
    Why is there an empty space gap between the box and “Save payment information…” text?
    It needs to be aligned with the box and “I have read and agree to the website terms…” text below it.

    Let me know. Thanks.

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    April 10, 2019 at 17:39

    Hello,

    1) Don’t see problem with the text-decoration http://prntscr.com/na5t2r If you use Chrome clear cache using https://chrome.google.com/webstore/detail/clear-cache/cppjkneekbjaeellbfkmgnhonkkjfpdn?hl=en

    2) We don’t see that checkbox, did you disable it? Enable, please, to allow us to fix the problem.

    Regards

    Avatar: khoavo
    khoavo
    Participant
    April 11, 2019 at 07:40

    I see the text-decoration now, it was probably the cache. As for the checkbox and spacing issue for the Save payment info, you might have viewed it before I activated it back. Refresh your browser and you’ll see it now: https://prnt.sc/na4zu1

    My WP Admin and FTP remains the same as when I had provided to you awhile back on previous trouble tickets, if you need to access it to fix this. Thanks.

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    April 11, 2019 at 07:53

    Hello,

    Please add this custom CSS code:

    .payment_methods .woocommerce-SavedPaymentMethods-saveNew {
        margin-left: 0px;
    }
    .payment_methods li .woocommerce-SavedPaymentMethods-saveNew label {
        padding: 0px !important;
    }

    Regards

    Avatar: khoavo
    khoavo
    Participant
    April 11, 2019 at 17:28

    The code seems to be causing an error. It briefly shows the margin is perfectly vertically aligned when you first visit the Checkout Page, but once the page refreshes, that line “Save payment information to my account…” disappears.

    Also, I’m not receive email notification whenever your team replies to my reply on this support portal. I did receive a notification after my initial first submission. Not seeing the receive notification check box when I click on Reply to message. Thanks.

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    April 12, 2019 at 13:41

    Hello,

    This situation doesn’t relate to the previous custom CSS code, so you need to check your settings.
    Also, I can’t find valid access, so please provide temporary wp-admin access in the Private Content area, please.

    Regards

    Avatar: khoavo
    khoavo
    Participant
    April 12, 2019 at 17:41

    My settings shows I did check the box to allow customers the options to Save their payment information at Checkout. If you add an item to Cart, go to checkout and you’ll see the issue. The Save payment box shows in grey color then it disappears.

    I’ve provided my Admin Login info in the private content area. Thanks for your help with this.
    Let me know what you find out.

    KV

    Please contact administrator
    for this information.
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    April 12, 2019 at 18:20

    Hello,

    I can’t reproduce the issue https://gyazo.com/7f54819cd09dadde0d40d41aca3280c7
    Checkbox is always there.
    Could you provide video to explain when it disappears?

    Regards

    Avatar: khoavo
    khoavo
    Participant
    April 13, 2019 at 04:33

    I’ve provided the link to view a sample video clip in Private content area.

    The issue occurs on my Safari v12.0.3 (MAC) and Chrome v73.0.3683 (MAC)

    Let me know what you find out. Thanks!

    KV

    Please contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    April 15, 2019 at 09:10

    Hello,

    As I can see, the visibility of the checkbox relates to a user account. If you are login, or “Create an account” is checked on the checkout page, the message is visible http://prntscr.com/nc2qaq For more information, you can contact support of WooCommerce / WooCommerce Stripe Gateway.
    Feel free to ask if you have any other questions.

    Regards

    Avatar: khoavo
    khoavo
    Participant
    April 15, 2019 at 23:55

    Oh okay! I thought it was hidden for everyone. So it does display when you’re Logged in as a Customer or checked the Create an account” box. Thank you so much for your help as always.

    Keep up the great work!

    BTW, Royal Theme Update coming soon? It’s been awhile.

    KV

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    April 16, 2019 at 07:33

    Hello,

    We are very sorry for this delay with the update. WooCommerce 3.6 will be available soon ( actually release date was 11 April as we know from WC dev site but it’s still not available ) and we want to release theme update after that to avoid problems with out of date files. We are sure that WC plugin update will be released soon and we’ll also release Royal update after that.

    Regards

    Avatar: khoavo
    khoavo
    Participant
    April 16, 2019 at 17:17

    Alright. Thank you.

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    April 16, 2019 at 17:56

    You are welcome. And sorry for this delay with the update.

    Regards

    Avatar: khoavo
    khoavo
    Participant
    April 17, 2019 at 09:02

    Hey BTW, on the Wish List page, can you provide a Custom CSS so the default Wish List title is Centered aligned, with some more padding at the bottom of the title area…above the Product Name, Unit Price, Stock Status texts, etc? And would be nice if there’s an option to NOT have the Wish List title in all upper case letters.

    Screenshot: https://prnt.sc/nd2g2i

    Thanks!

    Please contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    April 17, 2019 at 09:57

    Hello,

    Please create new topics for new questions.

    .wishlist-title {
        text-align:  center;
        width: 100%;
        margin-bottom: 30px;
    }
    .wishlist-title h2 {
        text-transform: none;
    }

    Regards

    Avatar: khoavo
    khoavo
    Participant
    April 17, 2019 at 17:38

    Oh sorry, I’ll note that next time. But your Custom CSS didn’t work. I inserted it into Global Custom CSS box, and the Wishlist Title no longer displays:

    Screenshot: https://prnt.sc/ndatat

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    April 17, 2019 at 18:11

    Hello,

    Don’t see any problem with the Wishlist title http://prntscr.com/ndbap6
    If you are talking about unlogged in users then you need to contact YITH Wishlist authors because they don’t display wishlist-title div if user is not logged in.

    Regards

  • 1 2
    Viewing 20 results - 1 through 20 (of 24 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.