[Resolved] Change size of featured image on WooCommerce Product page

[Jin]

How can I change the size of the featured image on WooCommerce product pages? I’ve checked previous tickets and everything under “Customize”. Seems that’s only for changing the size of featured images on the Shop page and not the Product page.

[Leo]

Hi there,

You will need to upload bigger images.

To give you an idea, the example page is using images that are 1000 by 1000px. And your image is 324 by 324px.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Jin]

Hi Leo

If we’re unable to upload bigger images due to the restraints of the quality of images is there a way to change the default size or the layout of the page?

[Fernando]

Hi Jin,

Do you want to decrease the size of the image column of the product page?

If so, go to Appearance > Customize > Additional CSS, and look for this specific code:

.woo-summary-wrap {
		display: grid;
		grid-template-columns: 60% 40%;
		grid-template-rows: auto;
		margin-bottom: 80px;
	}

Replace the 60% 40% values to 30% 70% for instance.

[Jin]

Thank you this works

[Fernando]

You’re welcome, Jin!

[Author]

Posts