Use different thumbnail image dimensions

Resolved t1m0b
(@t1m0b)

8 years, 9 months ago

Hi.
On the homepage of the site I’m using the plugin to show the newest products. My problem is, some of the thumbnails of products are in landscape (4:3) some are square (4:4) and some are portrait (3:4).
The slider has a fix height of 300px. All thumbnails with square or portrait dimensions are cut at the bottom.
How is it possible to show the complete height of thumbnails with square and portrait dimensions?
Thanks for the help and sorry for my bad english 😉
Timo

The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)

Plugin Author PickPlugins
(@pickplugins)

8 years, 9 months ago

Thanks for your post,

Please see the screenshot where the option for Thumbnail Size selection.

View post on imgur.com

you can use the option “Slider thumb max height(px)”

Regards

Thread Starter t1m0b
(@t1m0b)

8 years, 9 months ago

Hi.
Unfortunately this option doesnt make any difference (and I already used this option). Thumbnails with 3:4 (portrait) or 4:4 (square) dimensions are still cut at the bottom.
But I need to show the complete height of the images. Do you know what I mean?
Regards
Timo
Plugin Author PickPlugins
(@pickplugins)

8 years, 9 months ago
can you please try following CSS
```
.wcps-container div.wcps-items div.wcps-items-thumb img {
	width: auto !important;
	height: 100% !important;
}
```
Please see the screenshot how its look

View post on imgur.com

Regards
Thread Starter t1m0b
(@t1m0b)

8 years, 9 months ago

Great! It works. Thank you.
But I have one more thing. Is it possible to position the image in the center? Now its position is on the left side.
Plugin Author PickPlugins
(@pickplugins)

8 years, 9 months ago
Add this CSS
```
.wcps-container div.wcps-items div.wcps-items-thumb img {
	width: auto !important;
	height: 100% !important;
	margin: 0 auto;
}
```
If you love the support please submit us five star reviews
https://ww.wp.xz.cn/support/plugin/woocommerce-products-slider/reviews/

Regards
Thread Starter t1m0b
(@t1m0b)

8 years, 9 months ago

Thanks, looks good!

Plugin Author PickPlugins
(@pickplugins)

8 years, 9 months ago

Thanks for your reply and glad to see that issue solved.

Regards

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘Use different thumbnail image dimensions’ is closed to new replies.