Bad quality images

Solved
Glenson
Tourist
13 0 0

You should have access.

0 Likes
Ninthony
Shopify Partner
2237 337 894

So I'm taking a look, but the setup is incredibly complex. I don't know exactly how they're pulling off their approach here. They have a hash in their src attribute, and they have a bunch of custom properties in their elements. Like:

<img src="#" v-responsive="media.src" v-bind:alt="media.alt ? media.alt : product.title" >

 

It's like they're using javascript inside of their html somehow through these properties. I'm trying to find a way I can just target the featured image instead of messing with your thumbnails too, but no luck so far. I'll keep trying to figure it out. Just letting you know it's a quite a bit more complex than originally thought

If my solution helped you, please like it and accept it as the solution!
If you'd like to make any edits to your store, please send me a personal message and we can discuss what you'd like to accomplish :D
Ninthony
Shopify Partner
2237 337 894

This is an accepted solution.

Holy shit I figured it out. I don't know if whatever I did is the most effective way of changing that, but I was able to get it done. Apparently your theme is using Vue.js, of which I know absolutely nothing about. But I was able to just use some reasoning based on what I was looking at and looking at some of their docs to at least pull the biggest image in your file. It may not be the correct way, but it's the best I can do not knowing what's going on exactly. Go ahead and preview the Ninthony Editing theme and make sure everything looks ok to you and then publish whenever you feel like it.

If my solution helped you, please like it and accept it as the solution!
If you'd like to make any edits to your store, please send me a personal message and we can discuss what you'd like to accomplish :D
Glenson
Tourist
13 0 0

Way more complex then I can understand! 

I appreciate your time and effort! ☺️

0 Likes
Glenson
Tourist
13 0 0

Wow! Did not see that coming. I will check it out right now.

0 Likes
Glenson
Tourist
13 0 0
Click to expand...
Yes that looks how it is supposed to. 

Only the product picture is ok now. All others are still blurry so it looks it is an overall theme setting in the script I suppose? 

About 14 hours ago I send a message to the developer asking what to do. If the let me know would you like to know the solution from there end? 
0 Likes
Ninthony
Shopify Partner
2237 337 894

What other images are blurry? All I see look pretty crisp

If my solution helped you, please like it and accept it as the solution!
If you'd like to make any edits to your store, please send me a personal message and we can discuss what you'd like to accomplish :D
0 Likes
Glenson
Tourist
13 0 0

The second and third picture on the page are really blurry on my end. Same as the product picture was. 
I need to zoom in a bit to see the blurry effect better. 

Some strange side note: the third picture with the marked circle was sometimes sharp and sometimes blurry. And not that I was aware of changing anything in between. (Maybe unknowingly by trying, that could be)

0 Likes
Glenson
Tourist
13 0 0

54332FF0-2A60-4627-8D72-CD2FA0AE9853.png

0 Likes
Glenson
Tourist
13 0 0

Thanks again! It works also when I add new product pictures.
Only the other ones are still blurry somehow. Also, after replacing.
Any suggestions on that?

Glenn


0 Likes