More images sizes

Store Builder Feedback
1

Hello,



The following changes will be done, based on this suggestion at [url]http://cscart.uservoice.com/forums/40782-general/suggestions/500243-more-image-sizing-options[/url]



Administrator will be able to define the product thumbnail size for the following pages/sections:

  • Products list page (category, search)
  • Product details page (both image and large image)
  • Cart page



    But I have some questions
  1. Should the original images uploaded for the product be resized? Or we just need to create additional images with proper sizes?
  2. How should the images be resized? All to the same width and height? Or to the same width only?
  3. Do we need the images in the cart status section (top left page corner)?
2

can we have an option to disable pictures say for categories, if we dont want to display any ?

3

1.no

2.width and height, keep the proportion and scale

3.yes



Thanks.

4

[quote name=‘jynxy’]can we have an option to disable pictures say for categories, if we dont want to display any ?[/QUOTE]



Do you mean product images?

5

Images should be resized…

by size and width

Cart is good idea to have images…certainly for carts who supply personalised items as this means it is a double check in the cart for the customer to see his logo etc before paying.

6

[quote name=‘johnbol1’]

Cart is good idea to have images…certainly for carts who supply personalised items as this means it is a double check in the cart for the customer to see his logo etc before paying.[/QUOTE]



I’m talking about cart status section. See the attachment below.

cart_status.png

7

[quote name=‘zeke’]Hello,



The following changes will be done, based on this suggestion at [URL]http://cscart.uservoice.com/forums/40782-general/suggestions/500243-more-image-sizing-options[/URL]



Administrator will be able to define the product thumbnail size for the following pages/sections:

  • Products list page (category, search)
  • Product details page (both image and large image)
  • Cart page



    But I have some questions
  1. Should the original images uploaded for the product be resized? Or we just need to create additional images with proper sizes?
  2. How should the images be resized? All to the same width and height? Or to the same width only?
  3. Do we need the images in the cart status section (top left page corner)?[/quote]



    Check my website out Zeke,



    Without additional images:


http://www.barnlightelectric.com/gooseneck-barn-lights/gooseneck-lighting/barn-light-the-original-12-to-16-warehouse-shadeWith additional images:


http://www.barnlightelectric.com/discount-lighting/warehouse-lighting-1/14-warehouse-stem-mount-pendantThe product page should allow the ability to embed a certain image size (aka thumbnail) that is independent of the thumbnails used for categories/carts



It would allow larger on-page images while preserving the ability to use smaller/larger images on the category pages. (ie, Add a 500px x 500px as a thumbnail presently and the category-view thumbnails will be the same images, but displayed and compressed.) This would reduce page load time dramatically :slight_smile:

8

[quote name=‘JesseLeeStringer’]It would allow larger on-page images while preserving the ability to use smaller/larger images on the category pages. (ie, Add a 500px x 500px as a thumbnail presently and the category-view thumbnails will be the same images, but displayed and compressed.) This would reduce page load time dramatically :)[/QUOTE]



I think it will be controlled by this option:


[quote]

Product details page (both image and large image)

[/quote]

9

[quote name=‘jynxy’]can we have an option to disable pictures say for categories, if we dont want to display any ?[/QUOTE]



We should have options to disable pictures for individual cats and prods sometimes there is just no need for them.

10

[quote name=‘jynxy’]We should have options to disable pictures for individual cats and prods sometimes there is just no need for them.[/QUOTE]



Just don’t load any images and they won’t be displayed.

11

[quote name=‘zeke’]I’m talking about cart status section. See the attachment below.[/QUOTE]



Sorry, then no I think no need for this, only seeing a snippet anyways if many options are used.

12

[quote name=‘zeke’]Just don’t load any images and they won’t be displayed.[/QUOTE]



yes but you then have an image say no picture, would be nice to disable that for say just that one prod/cat

13

Can we have image sizes defined on categories? Some categories deserve higher res images than others. It would be cool if the sizes would not be global but category based.

14

Regarding my question #1 (Should the original images uploaded for the product be resized? Or we just need to create additional images with proper sizes?)



For example, we uploaded 2 images for the product (thumbnail and detailed image). So, we’ll have the following images:

2 basic images

1 resized thumbnail for the product details page

1 resized detailed image for the product details page

1 resized thumbnail for the product listing page

1 resized thumbnail for the cart page



Totally, 6 images for the product (2 basic and 4 auto-generated). Is it suitable?

15

[quote name=‘zeke’]Regarding my question #1 (Should the original images uploaded for the product be resized? Or we just need to create additional images with proper sizes?)



For example, we uploaded 2 images for the product (thumbnail and detailed image). So, we’ll have the following images:

2 basic images

1 resized thumbnail for the product details page

1 resized detailed image for the product details page

1 resized thumbnail for the product listing page

1 resized thumbnail for the cart page



Totally, 6 images for the product (2 basic and 4 auto-generated). Is it suitable?[/QUOTE]

Yeah, perfect.

16

[quote name=‘zeke’]Regarding my question #1 (Should the original images uploaded for the product be resized? Or we just need to create additional images with proper sizes?)



For example, we uploaded 2 images for the product (thumbnail and detailed image). So, we’ll have the following images:

2 basic images

1 resized thumbnail for the product details page

1 resized detailed image for the product details page

1 resized thumbnail for the product listing page

1 resized thumbnail for the cart page



Totally, 6 images for the product (2 basic and 4 auto-generated). Is it suitable?[/QUOTE]



1 detailed popup image is uploaded 700px.



from this I need 2 images created first product details image 300px second product image in category (thumb) 100px



100px image can be minimized (width set to smaller) to 50px and shown as additional images in product details page.



Ability to set size in admin settings (for example to change from 100px to 120px) and option to regenerate size (from detailed original image 700px) would be very handy.

17

I think we can make “thumbnail” image optional (actually it’s optional already, but not completely) here

[url]Instant Demo - CS-Cart Multi-Vendor Demo Try Free for 15 days



So all other images will be generated from the detailed image automatically and it will be easy to regenerate them - just clean up thumbnails cache.

18

And the last question - how to resize images (by vertical/horizontal/longest/etc… side? Now we resize all images to the same size (width and height) to make them look nicely in the gallery ([url]Instant Demo - CS-Cart Multi-Vendor Demo Try Free for 15 days, small thumbnails below main image). Your suggestions?

19

[quote name=‘zeke’]And the last question - how to resize images (by vertical/horizontal/longest/etc… side? Now we resize all images to the same size (width and height) to make them look nicely in the gallery ([url]Instant Demo - CS-Cart Multi-Vendor Demo Try Free for 15 days, small thumbnails below main image). Your suggestions?[/QUOTE]



I think all pictures in this page are just too tiny. What else when a picture are we selling here? Customer must get best visual possible then comes description.



Resize horizontally

20

[quote name=‘zeke’]And the last question - how to resize images (by vertical/horizontal/longest/etc… side? Now we resize all images to the same size (width and height) to make them look nicely in the gallery ([url]Instant Demo - CS-Cart Multi-Vendor Demo Try Free for 15 days, small thumbnails below main image). Your suggestions?[/QUOTE]

I think the best way is to calculate the scaling factor based on the long dimension and then scale proportionally. Any other approach results in possible distortion of the image.



If you want to get fancy, you could allow specification of a “matte” size and overlay the image onto that background retaining the proper scaled image size.



Bob