How to eliminate white effect on product images for different sizes?

Store Design
,
1

Hey guys, I have a product on my website that has a lot of color and sizing options and only has images for different colors. The problem I have here is that when somebody chooses a different size, they see a white effect appear on the image that quickly becomes transparent (see the quick Loom video below to get what I mean). This effect makes complete sense for color options since all of the color images are different, but since I don’t have images that represent each size, this effect is confusing, distracting, and annoying here. So long story short, I want to remove it from the sizing options on one specific product page. So how can I do it?

The URL to this product page is: https://trivlen.com/products/cute-and-comfy-shark-slippers

The link to a Loom video: https://www.loom.com/share/347afe770a03485d9c1cc49775b6413f?sid=5bc44d00-8d47-4732-8112-d5c5feaa03f8

2

Hi @Chicha7272

This is Richard from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the

Hope this can help you solve the issue

Best regards,

Richard | PageFly

3

Hey, the code you provided removes the white effect from an entire website, but thanks anyway

4

@Chicha7272 Should i provide another code to make it work without remove anything?

5

No, thank you. I think it’s even better without this effect on all products. So I guess I’ll just stick to it