Roy Ho

Actually the CSS you saw is just minified/compressed…To get the uncompressed version, you need to open up the woocommerce.less file. But be warn as there are imports in there so it is better to use a less compiler to compile it for you.

Hmmm…then sorry thats all I can think of…

Try going to settings->permalinks and click save twice…re-test…

Because the plugin is using a add menu page order number that is the same as woocommerce so it overrides it and thus removing the woocommerce page.

Here is an even better solution where you don’t need to copy the template.

add_filter( 'post_class', 'addspan' );

function addspan( $classes ) {
 	if ( is_shop() ) {
		$classes[] = 'span4';
		return $classes;
	}
}

Ok you can copy the file content-product.php from your WC plugins folder within templates and paste into your theme folder woocommerce folder templates keeping the same structure.

Then you can modify the content-product.php to your liking. The li tag is in that file.

I am still seeing 88 errors and 12 warnings on your page.

I think before you worry about the microdata you should validate your page first because you have 100s of errors on that page.