Image resize problems with DefaultClean theme

1 2 >
Posted: July 29, 2019 at 8:41 AM Quote #243049
Hi,

Last week I installed nopCommerce 4.2 for the first time and it is working fine. I only have an issue with the uploaded product images.

The size of the uploaded product images are much bigger then the images shown in the webshop. I tried to adjust the Media setting under Configuration but without any results. I also tried to actiivate de default zoom option but this does not shown the image bigger.

I searched on this forum and Google to find answers but without results.

Does anyone know how to do it (i.e. change the file style.css in the map Themes/DefaultClean/Content/css)?
This post/answer is useful
0
This post/answer is not useful

Please login or register
to vote for this post.

(click on this box to dismiss)
Posted: July 29, 2019 at 9:04 AM Quote #243051
VinceB wrote:
Hi,

Last week I installed nopCommerce 4.2 for the first time and it is working fine. I only have an issue with the uploaded product images.

The size of the uploaded product images are much bigger then the images shown in the webshop. I tried to adjust the Media setting under Configuration but without any results. I also tried to actiivate de default zoom option but this does not shown the image bigger.

I searched on this forum and Google to find answers but without results.

Does anyone know how to do it (i.e. change the file style.css in the map Themes/DefaultClean/Content/css)?


Can you describe what exact problem you are facing? Are you expecting bigger images that you uploaded? The default zoom work by opening an image in nice pop-up like this.
This post/answer is useful
0
This post/answer is not useful

Please login or register
to vote for this post.

(click on this box to dismiss)
Pls up-vote the answer, if it helps you! :)

nopAccelerate - Faster, Reliable & Scalable nopCommerce

http://www.nopAccelerate.com | http://www.xcellence-it.com | http://shop.xcellence-it.com

Need any professional assistance? Drop us your requirements on sales(at)nopaccelerate.com
Posted: July 29, 2019 at 9:36 AM Quote #243055
The problem is that the uploaded image has 1980 x 1114 pixels but the image in the zoom option is only 740 x 420 pixels and the image in the product detail is even smaller (see https://shop.secondandnew.nl/images/ForumQustions/Untitled.png).
This post/answer is useful
0
This post/answer is not useful

Please login or register
to vote for this post.

(click on this box to dismiss)
Posted: July 29, 2019 at 10:48 AM Quote #243058
VinceB wrote:
The problem is that the uploaded image has 1980 x 1114 pixels but the image in the zoom option is only 740 x 420 pixels and the image in the product detail is even smaller (see https://shop.secondandnew.nl/images/ForumQustions/Untitled.png).


Okay, I get it. Its because the image zoom option is resized to view 100% in browser. For a zoom that you want to see, it may require some customization or plugin/extension for zoom feature. Here are some of the extensions that you can check.

Regards,

nopAccelerate Team
This post/answer is useful
0
This post/answer is not useful

Please login or register
to vote for this post.

(click on this box to dismiss)
Pls up-vote the answer, if it helps you! :)

nopAccelerate - Faster, Reliable & Scalable nopCommerce

http://www.nopAccelerate.com | http://www.xcellence-it.com | http://shop.xcellence-it.com

Need any professional assistance? Drop us your requirements on sales(at)nopaccelerate.com
Posted: July 29, 2019 at 10:59 AM Quote #243059
The problem is also fixed without using the zoom option if the image size in the product detail page is shown bigger. But as I already mentioned, changing the Media settings does not solve the problem.

Does anyone knows how to set the image in the product detail with a bigger size (perhaps some stylesheet changes)?
This post/answer is useful
0
This post/answer is not useful

Please login or register
to vote for this post.

(click on this box to dismiss)
Posted: July 29, 2019 at 11:07 AM Quote #243060
Yes, that requires changes in stylesheet. And what to change depends on your theme!
This post/answer is useful
0
This post/answer is not useful

Please login or register
to vote for this post.

(click on this box to dismiss)
Pls up-vote the answer, if it helps you! :)

nopAccelerate - Faster, Reliable & Scalable nopCommerce

http://www.nopAccelerate.com | http://www.xcellence-it.com | http://shop.xcellence-it.com

Need any professional assistance? Drop us your requirements on sales(at)nopaccelerate.com
Posted: July 29, 2019 at 11:36 AM Quote #243061
I use the DefaultClean theme.

I already changed the '.item-box .picture a img' tag in the style.css file (changed max-width and max-height to 150%) in map Themes/DefaultClean/Content/css, but it only made the image a little bit wider but not higher.

Does anyone knows which other parts of the stylesheet file must be changed in order to make the complete image bigger?
This post/answer is useful
0
This post/answer is not useful

Please login or register
to vote for this post.

(click on this box to dismiss)
Posted: July 29, 2019 at 11:51 AM Quote #243062
Sorry, I mentioned the wrong tag of the stylesheet. The tag I changed is not '.item-box .picture a img' but '.gallery .picture img, .gallery .picture-thumbs img, .variant-picture img'.
This post/answer is useful
0
This post/answer is not useful

Please login or register
to vote for this post.

(click on this box to dismiss)
Posted: July 29, 2019 at 1:58 PM Quote #243065
The size settings in the configuration control the size of the image delivered to the browser. You need to insure the setting for your media is large enough to use in your html document.

Keep in mind setting the max-width and max-height probably will not scale up the image, you may need to set the width and height properties as well.


The max properties only set the maximum size a element can scale too, but will not be used unless the actual width or height is greater.
This post/answer is useful
0
This post/answer is not useful

Please login or register
to vote for this post.

(click on this box to dismiss)
Posted: July 29, 2019 at 2:56 PM Quote #243068
Thanks for the reply, Zambroff ITOS.

Unfortunetly I only understand you partly (my knowlwgde of nopCommerce is limited). Do you have a sample or a more detailed explanation?
This post/answer is useful
0
This post/answer is not useful

Please login or register
to vote for this post.

(click on this box to dismiss)
1 2 >
Premium support services
  • Dedicated premium support services provided by core developers are intended for persons who run mission critical websites, work on projects with tight deadlines, or want to get dedicated support.
Professional services
  • Want to open a new store? Want to take your store to the next level? Need a custom extension? We can customize nopCommerce to fit your store perfectly. Request a quote to get started.