This topic has 21 replies, 3 voices, and was last updated 9 years, 6 months ago ago by Eva Kemp
Hi, I have set up the image dimensions as indicated in the documents yet it has no effect on the single product image, the first one is very short in height, oddly though if you then cycle through the different image the very first goes back to the right size!
I have tried an image regeneration plugin but still no change, all other product images look ok
Hello,
Please provide us with wp-admin access in Private Content.
Regards,
Robert Hall.
Done
Hello,
Could you please provide us with a page link where you have problem with first image?
Thank you.
Regards,
Eva Kemp.
Yep look at every image on every product
Oh and also noted the wishlist doesn’t work at all, have updated to the latest version but doesn’t work
Hello,
Please provide us with FTP credentials.
Thank you.
Regards,
Eva Kemp.
Attached
Hello,
FTP credentials are incorrect.
Please check them.
Regards,
Eva Kemp.
Really need to speed things up, I will look into this, but can’t really keep taking a day to ask the next simple question
Waiting 3 hours to be asked to show you a url with the image thats wrong when every image is wrong is a waste of time!
Will come back to you when I have checked the FTP details
ok try the attached again
Hello,
There is no “dev” folder in public_html directory.
Please specify the exact path to your site files.
Regards,
Eva Kemp.
I’ll see what’s happening with the FTP, but just doing a quick search on the CSS the height is being forced, see the CSS Path
#product-1470 > div.row > div > div.row > div.col-lg-6.col-md-6.col-sm-12.product-images > div.images > div.product-images-slider.main-images.images-popups-gallery.zoom-enabled.owl-carousel.owl-theme > div.owl-wrapper-outer.autoHeight
On all images this is first seen as around 330px high but can vary, until you rotate the images then it goes to the correct height
Just for your reference the only I have currently added this just to show the customer (this forces it to be full size)
.owl-carousel .owl-wrapper-outer.autoHeight {
-webkit-transition: height 500ms ease-in-out;
-moz-transition: height 500ms ease-in-out;
-ms-transition: height 500ms ease-in-out;
-o-transition: height 500ms ease-in-out;
transition: height 509ms ease-in-out;
height: 600px !important;
margin-bottom: -49px;
}
I had noticed that the images themselves are quite small, would this cause this issue?? however as I say the issue goes when you cycle images on the product
Hello,
Your images are too small.
Original dimensions should be 1425px × 1900px approximately.
So please upload images with higher resolution.
Thank you.
Regards,
Eva Kemp.
So how come it works (although the images are enlarged and not good quality) when you cycle the images, you then get the correct image, but nothing from the start, or as soon as you visit the product page
Hello,
Image is resized after reload.
Try to upload hight resolution images and check after that.
Thank you.
Regards,
Eva Kemp.
If we were to set the image size for a single product smaller would this help?
Hello,
You can try to add this code in style.css file of your child theme:
.product-images-slider .owl-controls .owl-buttons div {
height: 350px;
}
.product-images-slider, .sxy-zoom-container {
width: 350px !important;
}
Regards,
Eva Kemp.
Although that sets the size to how that CSS sets, it still won’t do it, for example when you go form the home page then pick any of the products it still forced to that odd size from the start
Hello,
Please try to upload high resolution image for one product just to test it.
Thank you.
Regards,
Eva Kemp.
You must be logged in to reply to this topic.Log in/Sign up