W3 validator error for AJAX product tabs

Hi,

I am checking on w3 validator a website and I find a very strange error.
The error is generated by the AJAX product tabs.
The error 27, 28, 29 and 30 for example on this page:
https://validator.w3.org/nu/?doc=https%3A%2F%2Fwoodmart.xtemos.com%2Fhome%2F
Here is also a screen shot of the errors: https://prnt.sc/MzrYEh45gVgq

And here is a screenshot of the code generated by your theme https://prnt.sc/JELyUhFeRt9r
You code is like this:

<a href="#" class="wd-nav-link"><span class="tab-label nav-link-text">BEST SELLERS</a></span>

You open a “a” tag then you do not close it and open a “span” tag then without closing the span you close the “a” tag and then you close the “span”.

The above code should look something like this:
<a href="#" class="wd-nav-link"><span class="tab-label nav-link-text">BEST SELLERS</span></a>

Can you please provide me a fix for this?

Hello,

You can fix it by applying patch # 385321. To do this, go to Dashboard -> WoodMart -> Patcher, find the corresponding patch and click on the “Apply” button. Let us know if it doesn’t work for you.

Kind Regards

Hi! There is only one available the #384534.
Please check here https://prnt.sc/Wib4iD2tA5C5
Am I missing something?

Hello,

You need to update the theme to the latest version 6.5.2 first. Then you will see the patch for that version.

Kind Regards

Hi, I use the latest theme version https://prnt.sc/iaSCuTCYjxsf
No child theme https://prnt.sc/owwMckmYMquF
And I still see only the #384534 https://prnt.sc/1fIGvHLtszAy

I deleted the theme, activated the Twenty Twentyone and then installed it from scratch.
Did not help. I also deleted all the cache from the litespeed cache plugin.

Sorry for the confusion. But the latest version is 6.5.3 so please update it one more time.

Kind Regards

Ok thank you.
That worked.

So in order to have a patch available I need to update the theme?
I thought that the idea behind the patch is that it fixes minor issues without the need of a theme update.
Or do you push patches only for specific theme versions that is why I had to update the theme first?

Hello,

All our patches are released for a specific version. So this patch was created for the latest version 6.5.3. When you will update the theme to the next version this patch will be already included in the theme code and you will not see it in the patches panel.

Kind Regards

Hi! I have another question related to W3 validator errors.
Checking this product page on validator I got an error related to the tabs.
An element with role=tab must be contained in, or owned by, an element with role=tablist.
https://prnt.sc/B2_8OPYqNWXe

How can I solve this ?

I have more errors that I need help with.

Checking this page https://woodmart.xtemos.com/shop/other/fashion-other/wuller-bust-shirt/demo/fashion/
I found this error https://prnt.sc/uGVQNgxVzmoO
How can I solve it?

Hello,

These errors are related to the WooCommerce plugin. Could you please check with the default theme and see how it works?

Kind Regards

I created a new site.
No plugins installed just woocommerce.
I tried your theme and the error is there.
Then I tried storefront and the error disappear.
I tried then the Xstore theme by another envato user and it also has no errors.
So the error:
An element with role=tab must be contained in, or owned by, an element with role=tablist.
https://prnt.sc/B2_8OPYqNWXe

Is only there when I activated the Woodmart theme.
I guess it is an issue with your theme and not the WooCommerce or WordPress.

The error <table class=”variations” cellspacing=”0″> is related to wordpress and it appear no matter which theme I use.

So can you please help me solve the first issue which is caused by Woodmart theme?

Thank you

Yes, you are right. This issue is caused by WoodMart. We will fix this in our 6.6 update.

Kind Regards

Is it possible to have an early access since this is crucial for me?

We have created a patch for this 388523. You can apply it via Dashboard -> WoodMart -> Patcher.

Thanks, that worked.

I have another question related to this W3 validator errors.
Please check this https://prnt.sc/j8cLjio07DHV
Why this might be caused?
It refers to the “add to cart button”.

Hi,

Could you please send us a link to your website where we can see this issue?

Kind Regards

Hi. I have installed the patch 388523 and my website was ok. Then I had another issue with my website and I had to delete and reinstall the the woodmart theme. Now when I visit the patches section on the backend it says “applied”. Please check here https://prnt.sc/lFGQjGsfDjdI.

The problem is that the patch is actually not applied because ow I am getting again the same error as before. https://prnt.sc/mxyQTb479nNp

How to fix that?

Hello,

To reset all patches you need to do the following

1. Add the following code snippet to the functions.php file in your child theme

add_action(
	'wp',
	function () {
		delete_option( 'xts_successfully_installed_patches' );
	}
);

2. Reload your website page once.

3. Remove the code from the functions.php and check patches again.

Kind Regards

Thank you, that worked.

I need help with two more errors.
On this page https://forkid.gr/product/pediko-galazio-forema-rige-me-fardia-tiranda-kai-maniki-453160096z-gia-koritsia-birba/
I get this two errors https://prnt.sc/t8WpONdaTHDr
Can you please help me solve them?

WPBakery page builder injects style tags directly to the page HTML code. We can’t change anything in this situation since it is not related to WoodMart.

If I disable the size guide from your theme settings the error will disappear.
It is somehow related with the size guide.
Does the WPBakery inject the style tags only to the size guide?

Probably, you create the size guide with WPBakery and HTML block so it generates styles there.

Kind Regards

I actually do not use it https://prnt.sc/bhDt8Yd45FvB
It is even not enabled for this custom post type https://prnt.sc/dgwZROuGEz2I
This style is normally added by WPBakery as you said but only when you select options on the “design options” tab https://prnt.sc/9iGxO0P9zn2x
Since I have not even used it to build this custom post type, why is it there?
And also it has empty style https://prnt.sc/EEtPkg_zaBb_

Thank you for your help

Hello,

You are right and it seems to be a bug. Try to apply patch #389310.

Kind Regards

Hi! Can you help me solve this issue?
On the shop page of your demo (the same happens to every demo shop page) I get this error https://prnt.sc/yhAg7UNuwPVN
The errors refers to this https://prnt.sc/9DOKTWQPcscP
How can I solve this?

Thank you.

Hello,

You can fix it by applying patch # 390136. To do this, go to Dashboard -> WoodMart -> Patcher. Also, install the Transients manager plugin and clear transients with the following keys

wdm-svg-images-svg-column-1.svg
wdm-svg-images-svg-column-2.svg
wdm-svg-images-svg-column-3.svg
wdm-svg-images-svg-column-4.svg
wdm-svg-images-svg-column-5.svg
wdm-svg-images-svg-column-6.svg

Kind Regards

Thank you for your answer.
I applied the patch. I now get 2 errors instead of 4. https://prnt.sc/JKulnnThnwnA
Does it need something more?

In this case, please, send your admin access so we can check.

Kind Regards

Please find the credentials in the private content area.

Thank you !

[Author]

Posts