Multi Masonry thumbnail size for products

[nielseric]

Hi,

How can I change the ratio for the Multi Masonry styled products.
In your Arad demo there are multi masonry products displayed on the homepage. (http://swiftideas.com/arad-demo/)

I want that same layout but then the aspect ratio of the product images must be 1×1 instead of 4/3.

Kind regards,
Niels

[David Martin – Support]

Hi Niels,

If you are looking to change those masonry dimensions, you’d need to edit the file woocommerce/content-product.php, look on line 143:

		if ( $masonry_thumb_size == "large" ) {
		    $classes[] = 'col-sm-6 size-large';
		    $width = 'col-sm-6';
		    $thumb_width = 800;
		    $thumb_height = 650;
		} else if ( $masonry_thumb_size == "tall" ) {
		    $classes[] = 'col-sm-3 size-tall';
		    $width = 'col-sm-3';
		    $thumb_width = 400;
		    $thumb_height = 800;
		} else {
			$classes[] = 'col-sm-3 size-standard';
			$width = 'col-sm-3';
			$thumb_width = 400;
			$thumb_height = 320;
		}

Thanks.

[nielseric]

It seems like that did the job!
I guess there’s not so much that can be messed up by changing this, right?

Can you tell me which part I need to put in my chil theme functions.php, so that I don’t lose this setting at theme update. Or can I copy the entire content-product.php to my child theme folder?

Thanks for the quick response!
Niels

[David Martin – Support]

Hi,

Please copy the file to your child theme root.

That will change the image sizes for anywhere you use the Product Masonry image display from the page builder.

Thanks,
David.

[nielseric]

Thanks, this worked fine!

[David Martin – Support]

Great, no problem!

Thanks
David.

[Carlos]

Hi,

where is this file in the last version? Should I change this code in each update?

thanks

[David Martin – Support]

The same place, you move the file and replicate the folder structure to within the activated child theme.

[Carlos]

Mmm.. I have not this file in woocommerce, I’ve found another in woocommerce/templates/content-product.php but it have not this code

[David Martin – Support]

It’s within the /atelier/ theme folder.

[Carlos]

sorry I’m searching in other folder 🙂

solved

[Rui Guerreiro – SUPPORT]

Glad it’s sorted.

-Rui