You are here:  » Product image size

Product image size

Submitted by Petri78 on Fri, 2020-04-17 06:26 in

Hi David,

I was wondering is it possible to change product image size in search results and in product page?

Now the search results includes product images of many sizes.

Can it be changed so that all product images are the same size?

Have a nice day!

- Petri

Submitted by support on Fri, 2020-04-17 07:14

Hello Petri,

Sure - the images aren't styled by default but you can override any theme image styles in the plugin file resources/pto.css, for example, for search results the containing class is .pto_sr so you could add;

.pto_sr img {
  width: 150px !important;

...or as required. When styling images it's best to fix only width or height to avoid distortion. Similarly, for the main product page image the containing class is .pto_pm so you could add;

.pto_pm img {
  width: 300px !important;

Don't forget to do a hard refresh (CTRL+F5 in most browsers) after modifying CSS to ensure that it is reloaded...