Return to previous page

Same height for images in "Related Products" ?

This topic has 10 replies, 2 voices, and was last updated 9 years, 1 months ago ago by Eva Kemp

bounce

Participant

February 15, 2015 at 11:32

Is it possible to have the same height for images that show up in “Related Products” on a single product’s page?

#42444 Copied

9 Answers

Eva Kemp

Support staff

February 16, 2015 at 09:48

Hello,

Could you please specify what height you want to set?
Please provide us with a link to your site.

Thank you.
Regards,
Eva Kemp.

#42507 Copied

bounce

Participant

February 25, 2015 at 04:07

Yes, attaching site in “Private Content.”

See how the images are different heights under “Related Products.”

Is it possible to have them be the same height (even though the originals are not) ?

Is it possible to do this on the products categories pages as well? Attaching a link to our “Puppets” category page in “Private Content” as well. We would like to have those images be the same height.

Thank you

Please, contact administrator
for this information.

#45208 Copied
Eva Kemp

Support staff

February 25, 2015 at 10:05
Hello,

Please add this code in custom.css file:
```
.product-content-image img {
   height: 500px;
}
```
How to create custom.css you can watch in this tutorial (it’s for Legenda theme but the process is the same).

Thank you.
Regards,
Eva Kemp.
#45252 Copied
bounce

Participant

February 25, 2015 at 21:58

Thank you! That works well for “Related Products” for the “Puppets” products but seems to mess up the “Categories” pages and also the other products (such as “Puzzles”).

Sorry, I just realized I sent you the same link twice in my previous response.

I am sending you a link in “Private Content” to a “Category” page to show what I mean.

Thanks again

Please, contact administrator
for this information.

#45517 Copied
Eva Kemp

Support staff

February 26, 2015 at 00:34
Hello,

Please try to add this code in custom.css as well:
```
.row.products-loop.products-grid .product-content-image img {
height: 300px !important;
}
```
Thank you.
Regards,
Eva Kemp.
#45554 Copied
bounce

Participant

February 26, 2015 at 08:19

Thanks! Tried both in custom.css but they stretch the images in strange ways. Attaching links in “Private Content” to show you.

Please, contact administrator
for this information.

#45582 Copied

Eva Kemp

Support staff

February 26, 2015 at 12:56

Hello,

Try to change the height value. Try to write 350px instead of 300px.

Thank you.
Regards.
Eva Kemp.

#45655 Copied

bounce

Participant

February 26, 2015 at 14:13

Thank you. I tried playing around and a height of 200px is almost perfect, but some of the images still end up being too stretched.

I also tried width: auto !important; – and that helped a little but some images were still stretched.

Is the best way to just manually make them the same height / width before uploading them to WooCommerce?

#45671 Copied

Eva Kemp

Support staff

February 26, 2015 at 21:12

Hello,

Try to change Woocommerce settings as described in our documentation
https://www.8theme.com/demo/docs/royal/#!/woocommerce
You’ll have to regenerate thumbnails http://wordpress.org/plugins/regenerate-thumbnails/ after the changes.

Regards,
Eva Kemp.

#45875 Copied
Viewing 10 results - 1 through 10 (of 10 total)