Return to previous page

Product Image Fixed Dimensions - by jordandwilson

This topic has 8 replies, 3 voices, and was last updated 8 years, 10 months ago ago by Robert Hall

jordandwilson

Participant

June 6, 2015 at 15:31

Is there a way to fix the dimensions of product images so that a central zoom is used. Basically I have a huge number of products that I’ll be importing but all with different image dimensions. I want don’t want to hamper the design on items like the featured/new carousel with random sized images.

Any help would be greatly appreciated.

#68400 Copied WooCommerce version: 1.3

7 Answers

Eva Kemp

Support staff

June 8, 2015 at 11:14

Hello,

As I see your images are displayed fine.
Please show us a page link where products images are shown incorrectly.

Thank you.
Regards,
Eva Kemp.

#68505 Copied

jordandwilson

Participant

June 17, 2015 at 12:37

Hi Eva,

Could you take a look now? You’ll know what I mean. Also, since updating to the latest version the site strap line has disappeared from the top left in the header and been replaced with social icons which I don’t want.

Thanks,
Jordan

#69986 Copied
Eva Kemp

Support staff

June 17, 2015 at 13:27
Hello,

You can try to use this code in custom.css file:
```
.product-content-image img {
 height: 300px !important;
}
```
How to create custom.css you can watch in this tutorial (it’s for Legenda theme but the process is the same).
I’ve commented the code <?php echo etheme_get_option('header_custom_block'); ?> in the file headers/header-structure-2.php in Appearance > Editor. Now social media icons aren’t displayed.
Please check.

Regards,
Eva Kemp.
#70005 Copied
jordandwilson

Participant

June 17, 2015 at 15:13

Hi Eva,

I’ve implemented the code but now the images that didn’t fit now stretch, deforming the image. It needs to keep the same aspect ratio of the image.

Also, in the top left where the social buttons have now gone, the site tagline hasn’t come back. how do i get that in there?

Thanks,
Jordan

#70029 Copied

Eva Kemp

Support staff

June 17, 2015 at 16:39

Hello,

In this case you have to upload images with similar dimensions.
I’ve edited the file headers/header-structure-2.php in Appearance > Editor and added this code <?php bloginfo( 'description' ); ?>.
Please check header now.

Regards,
Eva Kemp.

#70064 Copied

jordandwilson

Participant

June 17, 2015 at 17:14

Hi Eva,

Thanks for the help on this. Also sorted the images out with:

object-fit: contain;

Thanks,
Jordan

#70085 Copied

Robert Hall

Support staff

June 17, 2015 at 17:18

Hello,

So, is your issues solved?

Regards,
Robert Hall.

#70087 Copied
Viewing 8 results - 1 through 8 (of 8 total)