Two images of one product

Thank you for your reply. All of the other images are 2:1 ratio, premade in photoshop. The only first product is two images 1:1. And I need to have them separately, as it is in the first product. Removing .products .ct-image-container img { width: 49%; } will just bring us back to what I’ve had before.

I think I found the problem, but I need some help with ideas on how can I fix it. You were right. The problem wasn’t in a code, It was in photos. Please see my site now, I tried changing other photos and image that shows that there is no image worked perfectly, is this because it is lower resolution?

Hi @kirjozzz

This will work with your pre made square images;
Don’t forget to rewrite quotation marks ??

[data-products=”type-1″] .ct-image-container { margin-bottom: calc(-49% + 25px); }
.products .ct-image-container img { width: 49%; height: 49%;}
.products[data-hover=”swap”] .ct-image-container .ct-swap { opacity: 1; left: 51%; }

`Hi @kirjozzz

This will work with your pre made square images;
Don’t forget to rewrite quotation marks ??

[data-products=”type-1″] .ct-image-container { margin-bottom: calc(-49% + 25px); }
.products .ct-image-container img { width: 49%; height: 49%;}
.products[data-hover=”swap”] .ct-image-container .ct-swap { opacity: 1; left: 51%; }`

Thank you for your reply. Please see my website with your code. Unfortunately, it also didn’t work. As I wrote before I think this is something to do with resolution.

Please this this screenshot: https://ibb.co/7Wb56ND

I’ve changes the Image Width to 5000 and it worked. But that is too much, the website will be loading slower. Is there something that we can do about this?

@kirjozzz it does not depend on the image size as you mentioned, you can use 300px, please make sure to clear your cache after changes.

Please see Ive changed size back from 5000 to 300 and now it doesn’t work. I have cleared cache.

@kirjozzz

I see that the last code is not implemented and the ratio still appears to be 2/1.

Please try pasting the last code above and changing the ratio 1/1.

If you still have issues please submit a support ticket for a closer look.