TutorialsWordpress

How to fix woocommerce image size

Divi WordPress Theme

Woocommerce is very popular eCommerce website. Sometimes this site products images is now display in correct size. How to fix it?

First you can open theme folder thenĀ function.php file & paste below code in this file last. Image will be full size.

function woocommerce_template_loop_product_thumbnail(){
  	global $product;
	$image_size='full';
	echo $product ? $product->get_image( $image_size ) : '';
}

 

 

Second you can open theme folder then style.css file & paste below code in this file last. Then Image size will be 350px.

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    max-height: 350px;
    overflow: hidden;
}

 

 

Thank you for reading the article. Hope to share and comment if you like the article.

Khandoker Hirok

I'm an expert web developer over 6 years experience. I can fix bugs, customize and makes website and Software as per your requirements with Wordpress, PHP, Laravel and Codeigniter. My Fiverr: https://fiverr.com/hirokbd

Related Articles

Leave a Reply

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

Back to top button