Docs

[Gregg]

Hi.

I’m working on an e-commerce site and have created a custom page for Woocommerce checkout and embedded the checkout form using shortcode in a Raw Content element. The page and form render and perform perfectly in most browsers except Microsoft Edge and older versions of IE and Firefox. Those browsers sometimes return field errors when customers click the Place Order button (as if the fields are not populated when they actually are populated). Looking at the code inspector I see errors regarding “Unmatched End Tags”. An internet forum search indicates that these Unmatched End Tags could interfere with the form submission so I’m trying to eliminate this variable as a contributor to my problem.

When inspecting further I see the Unmatched End Tags location (see images) but do not see them in my wordpress text editor. I do not know how to correct this. Any assistance would be greatly appreciated.

laylasleep.com
Wordpress version: 4.7
X version: 4.6.4
Cornerstone version: 1.3.3

[Rue Nel]

Hello There,

Thanks for writing in! To assist you better with this issue, would you mind providing us the url of your site with login credentials so we can take a closer look? This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

To do this, you can make a post with the following info:
– Link to your site

– WordPress Admin username / password

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

Thank you.

[Gregg]

This reply has been marked as private.

[Rue Nel]

Hello There,

Thanks for updating in! Since you have installed a caching plugin W3 Total Cache, please clear your plugin cache before testing your site. This can cause the changes to not take place on the front end. It will eventually show up when the cache regenerates, but it’s not ideal if you’re looking to see your changes immediately. Caching plugins are best to turn on only when you’ve finished building the site.

Please let us know how it goes.

[Gregg]

Hi. I reinstalled the X theme update and purged caches and still get the same error.

[Rue Nel]

Hello There,

I investigated further and I was able to check the check out page. I manage to correct the invalid html codes just like this for example: http://prntscr.com/dt9e3j

And I also updated your code into this:

<div class="woo-checkout">[woocommerce_checkout]</div>

You should no longer see any unclosed tags on the page. Please check out site now.

[Gregg]

Sweet. Thank you for your time. It looks like all of the unclosed tag issues are fixed, I appreciate it. However, we are still experiencing some checkout issues on the Microsoft Edge Browser and on some iphones. This only began to occur when I embedded the checkout form using shortcode rather than using the woocommerce checkout page. Do you have any idea why I have this issue?

[Christian]

Regretfully, though the checkout shortcode will work, we only have support for WooCommerce page settings and not its shortcodes.

Thanks.

[Gregg]

Ok. Thanks for your help.

[Nico]

Thank you so much for understanding.

Feel free to ask us again.

Thanks.

[Author]

Posts