How to Fix Product Gallery and Huge Title Bugs After WooCommerce 3.0 Update?

Recently WooCommerce released a Brand New Update WooCommerce 3.0.0 and at the time of this writing it has been further updated to 3.0.4 but still some of the bugs present in a large no of themes created by rohitink.com and all other sites is not yet resolved.

Here is some css you can add to either Additional CSS or any Custom CSS your theme is using. This is a temporary fix and we are working on an update to fix this issue, across all our themes.

.woocommerce ul.products li.product h2 {
	padding: 10px;
	margin: 0;
	font-size: 16px;
	color: #666666;
	font-weight: bold;
	text-align: center;
}

.woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n+2) { 
	display: inline-block; 
	width: 25%; 
	padding-right: 15px; 
	padding-bottom: 10px;
	margin-top: 5px;
}

And Optionally, if you wish to enable a Product Lightbox then go to Appearance > Editor > Functions.php and add the following code below add_theme_support(‘woocommerce’);

add_theme_support( 'wc-product-gallery-lightbox' );

Make sure you add just below it, and keep a backup of the functions.php just in case something goes wrong.

If you find any more issues, please contact me or comment below.

One comment

Leave a Reply

Your email address will not be published. Required fields are marked *