Zoom blurs images and Storefront very slow

Hi there,

I just installed the quickstart package of storefront two days ago. This is my first time working with a Gavern framework template. I have two issues I would like to fix.

1 When the mouse goes over the product picture it seems to target the thumbnail image and not the original good quality image?
The results in a very blur image. Is there a fix for this issue?

2 Website speed is very very slow. The backend is slow as well as the front-end. I see a lot of options in the
template like css compression etc. should I make any changes to these settings (all switched off now)? Or any other suggestions
or ideas what might be the cause?

I can give the URL through pb?

Thanks!

Kind regards,

Thalia

1. Could you please post an url to your site?
2. In most cases this is caused by slow hosting. Please change template to default Beeze template and check if it is working fine.

Hi,

When switching to beez template the load speed is acceptable to me. I have other shops/sites hosted with the same hosting company and I have not encountered this problem before but it might be part of the problem.

I will pm the Url link

Thanks!

From what I see it takes almost 9 seconds before there is a response from first request. From what I know our template has nothing to do with response time .

Thanks for taking a look. I have another option for webhosting and will try to see if switching solves the problem.

Do you know if there is a fix for the zooming issue? Image quality is really poor when zooming in when the mouse hovers over the image , I think it might be targeting the thumbnail image instead of the original image.

Currently I don't see zomming on your homepage. Could you please write where exactly this problem bothers you?

When you hover over the item it's opacity goes down so the item becomes opaque.
You can reduce this effect by editing: /templates/gk_storefront/css/override.css and adding at its end:

Code: Select all

.products .nspImageWrapper:hover img {
opacity: 0.3;
}


Now if you increase this value till 1 the effect will be less visible. If set to 1 - no effect will apply.

Remember to enable "CSS override" in template settings - advanced section.