- Posts
Having major headaches with WooCommerce. I added a test item to check the functionality and in the checkout, all text fields for entering card details were minuscule, the user interface is clearly not working. I then removed the test item. Plus, a sidebar with “Your Cart” is showing on every single page instead of just the tickets page. I was having the problem with the checkout user interface before I tried fixing it by upgrading the WordPress, PHP and EventPress theme versions to the latest, but that has only made things worse as now that cart is showing everywhere.
WooCommerce appears to be set up correctly with Stripe. Does anyone know what has gone wrong? I am getting a warning about my theme containing outdated copies of 2 WooCommerce files, but am not sure if that is causing this.
This is a screenshot of the text fields. (I was showing someone the CSS, but you can still see how small the fields are).
Hi Miriam,
Thanks for reaching out and thank you for using BoldGrid Post and Page Builder for WordPress!
Are you using Post and Page Builder for your WooCommerce pages? If you could link us to one of those pages we can take a look and give you our best suggestions on how to go about resolving this issue.
Thank you, we hope to hear from you soon!
Hi Brandon, thank you for responding.
I didn’t build the website myself (It was built 2 years ago, I was brought in to update it) but I note that in the pages that are solely for Woo Commerce, there is no Post and Page Builder content. The checkout page just says “[woocommerce_checkout]” and the cart page just says “[woocommerce_cart]”, so I assume the plugin is providing the entire UI for those pages. I can’t link you to either page because they only appear once you have added a product to your cart. Let me know if you wish to do this and I will create another test product.
There are no major errors in the console, just failed POST requests to r.srtipe.com[0] which I looked up and don’t seem to be the issue, and a ton of CSS errors, mostly to do with browser choice (e.g., the browser not knowing what webkit is because you are using Chrome).
Thanks for your reply Miriam,
I’m wondering if the shortcode provided to generate the UI has been removed or is deprecated. If the site hasn’t been updated in a while be sure to update your WordPress Core, PHP Version, WordPress theme, and any active plugins you might be running.
I know PHP 8.0 has been introduced as the most stable version of PHP at the moment so if you’re still running PHP 7.4 or below it could be producing some errors.
As far as your issue with Stripe I’d recommend reaching out to WooCommerce support directly. They’ll be more equip to answer these types of questions for you.
If you can create a new test page for a product we would be more than happy to test your checkout process with you.
Thanks Miriam! Hope you’re able to resolve these issues quickly, we’re always here to help in any way that we can!
Sorry it’s taken me a while to respond.
All my plugins, the theme, and the WordPress version are up-to-date. Can’t find an option to update the PHP, but if it’s the latest version of WordPress it should be the latest version of PHP.
The shortcut code is definitely correct according to the docs. It’s a mystery. I’ll see if I can get any help from WooCommerce itself.
Thanks
Hi Miriam!
Your EventPress theme handles your sidebar, what you’d probably want to do is contact their tech support page for assistance with getting them to display on every page.
Your WooCommerce text issue is likely a CSS issue. If you wouldn’t mind linking us to one of your WooCommcerce pages we can inspect it using our browser tools and find the CSS Selectors to help you enlarge the text.
Also, updating PHP is a bit different from updating your WordPress Version. Updating Your PHP version is something that’s done on the server level so it would require you logging into your Web Host admin or control panel application.
You can check the PHP version of your website from your WordPress dashboard. You need to visit Tools > Site Health section, click the Info tab and scroll down and select the Server dropdown.
PHP version 8.0 is the recommended version of WordPress, your web host should be able to help you upgrade our software if it’s any lower than that.
Thanks Miriam!
I already found the offending CSS in the checkout using the browser dev tools. Unfortunately, it is not encapsulated within a class, it is inline CSS in the HTML document. I could change it in the browser by altering the inline CSS, but obviously can’t ask everyone to open dev tools and do that.
Since inline CSS overrides external stylesheets I don’t see how adding CSS would help, and I would have to add it to the HTML tag which would apply to the whole document.
If I am wrong there please let me know and I’ll create an item and send you a link.
I’m not sure if I have access to the php admin tools, but I’ll speak to the organisation and ask about it.
Hi Miriam,
In this case you may need to access the template file itself to remove the inline CSS. Being that this is a WooCommerce issue you could likely find a solution in the WooCommerce Support channel.
We would still be happy to inspect the page for you however if you’re able to produce a link for us.
Thanks Miriam!
- The topic ‘WooCommerce UI broken plus cart showing on all pages’ is closed to new replies.
