How to change the size of "related products" images and tags?

Store Design
,
1

Hello,

I would like to know how to make the images of “related products” on the product page with the same dimension.

If you also know how to respond, I would still like the “related products” to be in accordance with the tags. Currently it seems that it is the newest products that appear instead of the ones that are actually related.

My website is strassia.com, third party theme.

Thank you in advance!

2

Hi @Strassi ,

This is Richard from PageFly - Landing page builder, I’d like to suggest this idea:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/novstyle.css->paste below code at the bottom of the file:

.owl-relatedproduct .respone_image {
    padding-top: 134% !important;
}
.owl-relatedproduct .respone_image img {
    height: 100%;
    object-fit: cover;
}

I hope it would help you
Best regards,

Richard | PageFly

1 Like
3

Thanks again, Richard!

Can I ask just one more question? I would like to make these images the same size as the one I highlighted in red. It’s a section of the homepage called “Vinova Collection Tabs”. Could you tell me what to do?

Strassi_0-1678560876763.png
Strassi_0-1678560876763.png1881×779 127 KB

4

Hi @Strassi ,

Sorry, I only saw this one section of your homepage. But it seems to work perfectly.

PageFlyRichard_0-1678882856563.png
PageFlyRichard_0-1678882856563.png1529×650 100 KB

Let me know if you have any further questions.

Best regards,

Richard | PageFly

5

Hi, @PageFly-Richard .

I just added a new section like that. The first four images are ok because they are the same size, but if you click on the arrow to the side you will see that there are others of different sizes. Could you check, please?