Woocommerce – main product image size

[pkd-web22]

Hi,

I’m trying to find where I can change the woocommerce main product image dimensions within the theme? I understand the thumbnails sizing but need the main product image size altered first?

Where can I find this and can it be overwritten in the ‘Custom CSS’ panel under Theme Options > General.

Thanks
Paul.

[Kyle – SUPPORT]

Hi

Please see: http://www.swiftideas.com/knowledgebase/resize-the-product-image-details-area/

– Kyle

[pkd-web22]

This reply has been marked as private.

[Kyle – SUPPORT]

Hi

The small thumbnails are resized using php, if you want to change it you will need to edit functions.js, line 719:

	jQuery('#product-img-nav').flexslider({
				animation: "slide",
				directionNav: true,
				controlNav: false,
				animationLoop: false,
				slideshow: false,
				itemWidth: 70,
				itemMargin: 20,
				asNavFor: '#product-img-slider'
			});

– Kyle

[pkd-web22]

Hi Kyle,

Thanks – is it not possible to do this by entering your code snippet in the ‘Custom.css’ panel in ‘General’?

Thanks
Paul.

[Kyle – SUPPORT]

I’m afraid not sorry, it’s JS not CSS

– Kyle