Styling of “Recently Viewed” Product Images

Hello,

Could you please tell me how I can make the images in the “Recently Viewed” products section not get cropped like this, either with CSS or through Elementor? Personally, I don’t like the way it looks, and I think it appears unattractive.

Is there something that can be done about it?

Best regards,
Nikola

Attachments:

You must be logged in to view attached files.

Hi ivoltbg,

Thanks for reaching to us.

You should deactivate all plugins (except WoodMart Core, Elementor and WooCommerce Plugins) and then reactivate them one by one. This makes it very easy to isolate the plugin causing problems.

Regards,
Hung PD

Hi,

I tried, same result. In my opinion, this issue occurs when there are stretched images in width and they are not a symmetrical square. That might be the reason for this distortion, which looks quite ugly in the place I described. Could you fix it?

Best regards, Nikola.

Hi ivoltbg,

Thanks for your patience.

Please confirm me back if you resolved the issue.

Regards,
Hung PD

Hello,

The issue with the image cropping in “Recently Viewed Products” is still not resolved. I had deactivated all plugins, and as you can see at the end of the video, the image remains cropped instead of being fully visible in the “Recently Viewed Products” section on the homepage. Exactly there, in my opinion, it shouldn’t matter whether the image is elongated or not. You are fixing it to be small anyway.

Video: https://go.screenpal.com/watch/cTQj1tno0AU

Please review this setting, as I believe it can be fixed on your side.

Best regards,
Nikola

Hi ivoltbg,

Thanks for your patience.

You are using Recent Posts widget with fixed image sizes. Please use Recently viewed products widget instead https://ibb.co/nqhrDPpf

Regards,
Hung PD

Hi,

I couldn’t quite understand what you mean. Could you please explain it to me again?

Best regards,
Nikola

Hi ivoltbg,

Please go to Appearance > Widgets and follow the screenshot to change the widgets.

Regards,
Hung PD

Hi, I found where these widgets are, but I can’t understand exactly what I’m supposed to change in them?

Best regards,
Nikola

Hi ivoltbg,

I already explained here, please double check https://xtemos.com/forums/topic/styling-of-recently-viewed-product-images/#post-685170

Regards,
Hung PD

Hi, thank you. It was a bit difficult for me to grasp, that’s what I meant above. Sorry if I sometimes drag out the topics, but I want to understand what I’m doing, and that’s why I ask multiple times.

I’m attaching a screenshot of how I managed it thanks to your instructions. I like the result.

You can close the topic.

Best regards,
Nikola

Attachments:

You must be logged in to view attached files.

[Author]

Posts