Hi,
Whenever I upload a image for my product it appears in really bad resolution on the store.
I always make sure the image I am uploading is of high resolution, but it still all the image on my site are of very poor quality.
Please check : www.mygamingedge.net
I am running opencart 1.5.5.1
I just had a look at your store.
OpenCart has a built in image caching system, which re-sizes images and caches them to improve speed.
In your front page the image has been re-sized to 80px x 80px. The problem is your stylesheet is then re-sizing it to 140px x 140px. So if you have a small image and try make it larger, the image distorts.
The solution:
1) Firstly, open catalog/view/theme/megastore/stylesheet/stylesheet.css and go to line line 304 or search for something like:
2) A few lines beneath that you will see a height property and width property. Remove them both.
Now when you load your page you will see that images are cleared, but quite small.
If you want to make them a little bigger then follow these steps:
1) Log into the admin panel and navigate to Extensions > Modules
2) Click edit on the module you want to edit
3) You will see a height and width option on each instance of that module. Change that to whatever you like. I recommend 140px
You may also find images are still small in other parts of the website, if so:
1) Log into the admin panel and navigate to System > Settings.
2) Edit your store (usually the default store)
3) Navigate to the "Image" tab.
4) There you will see various image settings.
I hope this helps. If you have any more problems please let me know!
Peter
OpenCart has a built in image caching system, which re-sizes images and caches them to improve speed.
In your front page the image has been re-sized to 80px x 80px. The problem is your stylesheet is then re-sizing it to 140px x 140px. So if you have a small image and try make it larger, the image distorts.
The solution:
1) Firstly, open catalog/view/theme/megastore/stylesheet/stylesheet.css and go to line line 304 or search for something like:
Code: Select all
.box-product > div .image img {
Now when you load your page you will see that images are cleared, but quite small.
If you want to make them a little bigger then follow these steps:
1) Log into the admin panel and navigate to Extensions > Modules
2) Click edit on the module you want to edit
3) You will see a height and width option on each instance of that module. Change that to whatever you like. I recommend 140px
You may also find images are still small in other parts of the website, if so:
1) Log into the admin panel and navigate to System > Settings.
2) Edit your store (usually the default store)
3) Navigate to the "Image" tab.
4) There you will see various image settings.
I hope this helps. If you have any more problems please let me know!
Peter
For OpenCart & PHP/MySQL support feel free to PM me
Click here for my extentions
Did I help you? Donate here to show support
See also image preparations beforehand at http://forum.opencart.com/viewtopic.php ... 2&p=426624
[and http://forum.opencart.com/viewtopic.php ... 27#p427702 ]
[and http://forum.opencart.com/viewtopic.php ... 27#p427702 ]
Who is online
Users browsing this forum: No registered users and 15 guests