Return to previous page

Single product page image blur - by hootchant

This topic has 4 replies, 2 voices, and was last updated 10 years, 7 months ago ago by Eva Kemp

hootchant

Participant

May 6, 2014 at 18:41

Hi support, How do i get a sharper image on the single product page ? I am really struggling to get this working .

#2870 Copied

3 Answers

Eva Kemp

Support staff

May 6, 2014 at 20:28

Hello,

Could you please clarify your question with more details?
May we have the link of the product page you are talking about?

Regards,
Eva Kemp.

#2888 Copied

hootchant

Participant

May 10, 2014 at 20:39

Hello Eva,

Thanks for replying , sorry it took time to arrange everything in order to show you what i meant. Please see the links i provided and the issue is :

1.I use the same demo pics that has been provided along withe theme. When you hover over the main image pic it seems to be clear and sharp . If i move away it becomes blurry ! i have tried it various other high res pictures as well doesn’t seem to work out.

2.As you can see from my product page i have customized to fit my variations need, however the issue is when i upload a high res pic as a variation and use zoom functionality , the image tends to skew in the main image container? I do not get this issue when i switch off the zoom .

3.I have set the responsiveness to 1600 on the options menu , but how do i control the dimensions of the main image when its responsive . i.e. i want to change the height of the main image container when its responsive. Another issue i get ( that is tied into the 2nd point )is when i switch off the variation images auto fits when responsive – which i want to happen but with zoom switched on.

I have provided the site and the related purchase information if that is required for verification in the private content area. Really request your help on these

Reg
HC

Please, contact administrator
for this information.

#3303 Copied
Eva Kemp

Support staff

May 12, 2014 at 13:14
Hello,

1. I’ve checked the main image hover and it’s working fine even if I move away the cursor.
2. Please try to disable Lightbox in Woocommerce > Settings > General > Scripts, untick “Enable Lightbox”.
3. You may try to add the following code into custom.css file:
```
@media only screen and (max-width: 479px) {{
product-image: max-width: 70%;}}
```
To create “custom.css” you can use(rename) the file “default.custom.css” which is located in theme directory. And enable it in Theme Options > Custom CSS > On.

Regards,
Eva Kemp.
#3392 Copied
Viewing 4 results - 1 through 4 (of 4 total)