kirjozzz

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

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?

`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.

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?

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.

Any ideas on how can I fix this?

Thank you. That has fixed that, but now photos are zoomed. please see this screenshot:

https://ibb.co/0rLH84d

Sorry, I’m a beginner in this. How do I do that?

Please see this link: https://ibb.co/qrdFQ5v

I’ve managed to make images square, but now the spacing between images and title is very big. How do I bring it back to normal?

Please try to write the quotation marks manually when you paste this part;

.products[data-hover=”swap”] .ct-image-container .ct-swap { opacity: 1; width: 49%; left: 51%; }
.products .ct-image-container img { width: 49%; }

That’s great! Manually writing quotation marks has helped. I have now a second photo next to the first. How do I now make photos square, because now they are vertical. Also, how do I do the same for a product page?

I’ve purged cache. Sorry, what I’ve meant is that the second image is not showing up on the right side. I’ve also had to change the image ratio to 1:1 (this is how they will be in the future) and now images are not square. Do you know how ca I fix this?

Hello. Thank you for your help. I have done what you said unfortunately I’m not getting images side by side. Please see my website.

Thank you for your help. I have installed it, but unfortunately, my knowledge is very bad, and their support didn’t answer for the last 6 months. Can you please tell me where do I place this shortcode in woocommerce settings or function to make the image appear side by side on the shop page and product page:

kdmfi_the_featured_image( ‘featured-image-2’, ‘full’);

This is a shortcode for the second image.

Thank you.

Perfect!!! Thank you alot. That worked.