Viewing 30 posts - 1 through 30 (of 34 total)
1 2
  • Author
    Posts
  • July 29, 2017 at 10:51 pm #831610
    tremblayly

    Hi

    If you go to my website here: https://silviafindings.com/ and items and proceed to the checkout page, my Terms of Reference page displays between the PayPal notice and the pay button. Customers are reporting this issue so it’s critical I get this fixed.

    On my staging area: https://silviafindings.staging.wpengine.com/ I have deactivated all plugins except WooCommerce and the problem still exists. Once I activate the default theme instead of my Enfold Child Theme, the problem goes away.

    Please help resolve this issue as soon as possible because it’s very confusing during checkout and it’s embarrassing.

    Thank you
    Lyse

    August 1, 2017 at 7:20 am #832634
    Rikard

    Hey tremblayly,

    Please try the following in Quick CSS under Enfold->General Styling:

    .woocommerce-checkout #av_section_1 {
  display:none !important;
}

    Best regards,
    Rikard

    August 1, 2017 at 4:11 pm #832943
    tremblayly

    Hi Rikard,

    That go rid of the Terms of Reference page, but I still have two MailChimp for WordPress forms displayed.

    Lyse

    August 1, 2017 at 4:11 pm #832944
    tremblayly

    …why is this happening all of sudden?

    August 2, 2017 at 7:41 pm #833606
    tremblayly

    Hi Rikard,

    I added section_2 to the css code:
    .woocommerce-checkout #av_section_1, .woocommerce-checkout #av_section_2 {
    display:none !important;
    }
    and that also got rid of the form. However I still get all of the lines displayed, so it looks very unprofessional. How do I fix the remaining display issues?

    Thanks
    Lyse

    August 5, 2017 at 11:21 pm #834901
    Mike

    Hi,
    Try this:

    .woocommerce-checkout #av_section_1, .woocommerce-checkout #av_section_2, .woocommerce-checkout #after_section_2 div.container {display:none !important;}

    Best regards,
    Mike

    August 6, 2017 at 12:17 am #834911
    tremblayly

    Hi Mike,

    Your suggested CSS did not resolve the lines showing up and the pay button now longer shows. So I reverted back to what I have before.

    Thanks
    Lyse

    August 11, 2017 at 6:42 pm #837591
    Basilis

    Hi,

    .woocommerce-checkout #av_section_1, .woocommerce-checkout #av_section_2, .woocommerce-checkout #after_section_2 div.container { 
border:none !important;
}

    Can you try that and let me know if that works?

    Best regards,
    Basilis

    August 12, 2017 at 12:13 am #837683
    tremblayly

    Hi Balisis,

    That did not work. I still get all of the lines and duplicated content. Have a look.

    Thanks
    Lyse

    August 14, 2017 at 11:35 am #838562
    Victoria

    Hi Lyse,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
.woocommerce-checkout #after_section_1 .container,
.woocommerce-checkout #after_section_1, 
.woocommerce-checkout #after_section_1 .content {
  padding: 0px; 
  border: none;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    August 16, 2017 at 12:03 pm #839840
    julianrapp

    Hi Guys….my checkout page suddenly looks a complete mess since 14th August. It is affecting my sales quite badly as people have to scroll to the bottom of the jumbled mess to find the button to process the payment. I am away on business currently and could do with an urgent fix.

    This doesnt happen when the checkout is empty.

    I have tried both of the suggested methods above…but with no success. However I am not a coding genius so may be missing the obvious. I have removed the alterations I made for the moment.

    If you can apply the fix yourself please do so.

    thanks

    Julian

    • This reply was modified 7 years, 4 months ago by julianrapp.
    August 16, 2017 at 3:51 pm #839946
    tremblayly

    Hi Victoria,

    Unfortunately that code snippet did not work either.

    Thanks
    Lyse

    August 18, 2017 at 10:14 pm #841050
    Basilis

    Hi,


    @julianrapp     Please create a different ticket so we can help you.
    Thank you

    Best regards,
    Basilis

    August 21, 2017 at 11:04 pm #842263
    tremblayly

    Hi
    This has been an opened issue since July 29th now, Can I please get a resolution soon because this is embarrassing to have my checkout page not display correctly.
    Much appreciated
    Lyse

    August 22, 2017 at 12:41 pm #842478
    Victoria

    Hi Lyse,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
.woocommerce-checkout #after_section_1 .container,
.woocommerce-checkout #after_section_1, 
.woocommerce-checkout #after_section_1 .content,
.woocommerce-checkout #after_section_2 .container,
.woocommerce-checkout #after_section_2, 
.woocommerce-checkout #after_section_2 .content {
  padding: 0px; 
  border: none;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    August 22, 2017 at 4:09 pm #842631
    tremblayly

    Hi Victoria,
    We are getting closer. The CSS you provided got rid of all of the lines. Now I still have the payment button section that displays twice!
    Thanks
    Lyse

    August 26, 2017 at 4:13 am #844265
    Ismael

    Hi,

    The issue is caused by the color section in the “Terms” page. Please remove the suggested css codes and remove the color section from the “Terms” page. If possible, just use the default editor or refrain from using the color section in the “Terms” page.

    Best regards,
    Ismael

    August 26, 2017 at 4:44 pm #844358
    tremblayly

    Hi Ismael,

    I tested your suggestion on my staging area and even though I removed all of the CSS in the general styling area that was added previously to try to fix this issue, there remains a display problem. I still get all of the lines, duplicated content, unwanted and duplicated forms.
    The checkout page used to work without issues even when using the color section.

    Have a look for yourself here where I removed the top section on that page: https://silviafindings.staging.wpengine.com/checkout

    Thanks
    Lyse

    August 28, 2017 at 6:23 am #844675
    Ismael

    Hi,

    Odd. That solution resolved the issue for most users. Please post the login details here. We would like to check it.

    Best regards,
    Ismael

    August 28, 2017 at 9:10 pm #845029
    tremblayly

    HI Ismael,

    I have included the login credentials below.

    Thanks
    Lyse

    August 29, 2017 at 6:50 am #845219
    Ismael

    Hi,

    Thank you for the update. The login credentials are not working. I tried without the hashtags but no dice.

    Best regards,
    Ismael

    August 30, 2017 at 6:46 pm #845914
    tremblayly

    Hi Ismael

    I’ve resetted the password, could you please try again.

    Thank you
    Lyse

    September 1, 2017 at 9:56 am #846746
    Ismael

    Hi,

    It’s still not working. Please note that I’m logging in to the staging site. ( see private field )

    Best regards,
    Ismael

    September 1, 2017 at 3:30 pm #846890
    tremblayly

    Hi Ismael

    Please try again as I had resetted the password on the live site but not my staging. I have successfully logged in with it just now.

    Sorry about that
    Lyse

    September 4, 2017 at 8:35 am #847565
    Ismael

    Hi,

    The site looks broken and there are still color sections inside the “Terms” page. ( see private field )

    We created a test page to test it but we can’t until the site is fixed. It looks broken.

    Best regards,
    Ismael

    September 4, 2017 at 5:48 pm #847840
    tremblayly

    Hi Ismael,

    The site is back up now.
    I have recreated my Terms page on my staging area and the checkout page displays correctly.
    I recreated the Terms page on my live site and the checkout page does not display correctly.

    What is happening now?

    Thank you for your patience.
    Lyse

    September 6, 2017 at 1:26 pm #848611
    Victoria

    Hi tremblayly,

    Have you flushed the cache on your main site? You have the burger icon showing on the desktop.

    Best regards,
    Victoria

    September 6, 2017 at 3:09 pm #848680
    tremblayly

    Hi Victoria,

    How to I get rid of the hamburger menu on the desktop. It never used to be there?

    Thanks
    Lyse

    September 6, 2017 at 3:11 pm #848682
    tremblayly

    Hi Victoria,

    I have used a different computer and I still see the display issue there.

    Thanks
    Lyse

    September 7, 2017 at 4:40 am #848935
    Ismael

    Hi,

    I can’t see the issue wit the “checkout” or “terms” page anymore. Regarding the “mobile menu” issue, please update the “helper-main-menu.php” file in the child theme then reconfigure the Main Menu and Header settings.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 30 posts - 1 through 30 (of 34 total)
1 2
  • The topic ‘URGENT – Checkout page displays incorrectly’ is closed to new replies.