Return to previous page

Resizing "Related Products" Images

This topic has 10 replies, 2 voices, and was last updated 8 years, 8 months ago ago by Jack Richardson

talonhead

Participant

March 5, 2016 at 14:34

How can I decrease the size of “Related Products”? On a desktop, they are a bit daunting and distracting (about the same size as a featured image). However, on a mobile, they’re pretty decently sized.

Thanks!

#116284 Copied

9 Answers

talonhead

Participant

March 5, 2016 at 14:47

I forgot to mention that my layout is full width for single products page.

#116287 Copied

Jack Richardson

Support staff

March 7, 2016 at 09:44

Hello,

Do you mean you want to change sizes of upsell products http://storage3.static.itmages.com/i/16/0307/h_1457340272_6114656_162c69a57e.png ?
Please specify what sizes you want to use for them.

Best regards,
Jack Richardson.

#116376 Copied

talonhead

Participant

March 7, 2016 at 09:54

Need both actually…related products and Upsells. On that particular page you grabbed that screenshot, I guess there wasn’t any related products to show.

I’d like to try about a 40% reduction in scale and see what that looks like. I’m pretty much I’ll know when I see it in context.

#116378 Copied

talonhead

Participant

March 9, 2016 at 10:50

Any takers on this please?

#116585 Copied
Jack Richardson

Support staff

March 9, 2016 at 13:04
Hello,

Try to use this code in Custom CSS for desktop:
```
.owl-carousel .product .product-image-wrapper.hover-effect-swap img {
    width: 200px !important;
}
```
Best regards,
Jack Richardson.
#116622 Copied
talonhead

Participant

March 9, 2016 at 15:16

Thanks Jack. I’ll play around with it. 🙂 One problem though…that modification took my hover swap image effect to go flooey again. The swapped image is offset. 🙁

#116643 Copied
Jack Richardson

Support staff

March 9, 2016 at 15:44
Hello,

Please also use this css code:
```
.owl-carousel  .product-image-wrapper.hover-effect-swap {
    width: 200px;
}
```
Best regards,
Jack Richardson.
#116650 Copied
talonhead

Participant

March 9, 2016 at 16:31

Perfect. Thank you Jack! Close it up.

#116660 Copied

Jack Richardson

Support staff

March 9, 2016 at 16:54

Hello,

You’re welcome.

Best regards,
Jack Richardson.

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