Image resizing and custom templates

beley · Post by **beley** » Thu Jul 26, 2007 6:18 am

We are using the image resizing to resize all product graphics to 100px, 250px and 500px and have the product template set to 100px and the more info set to 250px.

However, in pages they are all the default size despite the fact that I'm using the [-- PRODUCT.Graphic --] tag and the size setting in product info.

I'm on 8.3.

Any thoughts?

royhink · Post by **royhink** » Fri Jul 27, 2007 9:01 am

I was about to ask about this same issue.

I've got the product image size at "small" and the MoreInfo image at "original", but both are displaying "small". If I change the product size to "medium" they both change to medium, even with the MoreInfo image at "original".

Did you find a solution?

I'm running 8.3 Pro

Roy

beley · Post by **beley** » Fri Jul 27, 2007 9:09 am

Not yet. I tried for a few hours to figure it out yesterday, going through my templates line by line to see if I did anything... but they say [-- PRODUCT.Graphic --] in both the product and more info sections.

I went through multiple times and power-edited all the products to set which of the resized images I wanted to display, and I checked through SSH to make sure that the images were - in fact - resizing. I don't know what else to do to troubleshoot.

robm · Post by **robm** » Fri Jul 27, 2007 9:14 am

Try using:
[-- PRODUCT.MoreInformationGraphic --]

for the moreinfo section and see if that helps with the resizing. [-- PRODUCT.Graphic --] is used for the page all products appear on, so the size will be the same if this field is used in multiple areas of the template.

beley · Post by **beley** » Fri Jul 27, 2007 9:18 am

Thanks Rob, but even the standard product graphic is not displaying the resized images by itself. I have the smallest image set to 100px, and yet on many pages there are thumbnails of 250px (whatever the default size is).

It just doesn't work at all... and I can't figure out why.

And in another post here, the ShopSite guys clearly say that the PRODUCT.Graphic tag should be used in all templates where we use resized images and it will know where it is and resize appropriately.

robm · Post by **robm** » Fri Jul 27, 2007 9:22 am

Are you using the IMAGE prefix, i.e.:
[-- IMAGE Product.Graphic --]

That method will not return the resized image. The [-- PRODUCT.Graphic --] tag should return it, at least from my testing.

beley · Post by **beley** » Fri Jul 27, 2007 9:26 am

I am using [-- PRODUCT.Graphic --]

Post by **Jim** » Fri Jul 27, 2007 10:20 am

Are you sure you have created the resized images? Try creating them again and see if that fixes it.

beley · Post by **beley** » Fri Jul 27, 2007 10:33 am

Jim wrote:Are you sure you have created the resized images? Try creating them again and see if that fixes it.

I am positive. I have recreated them several times. There are 1000+ images in the media directory, and there are 1000+ images with the same names in the hidden directories under media (ss_size1, ss_size2 and ss_size3).

Post by **Jim** » Fri Jul 27, 2007 10:38 am

What is a link to a page showing the problem? Is the image source on the page showing the resized directory?

royhink · Post by **royhink** » Fri Jul 27, 2007 10:47 am

Well, the [-- PRODUCT.MoreInformationGraphic --] solved the immediate issue, but does not explain why [-- PRODUCT.Graphic --] does not return the correct size on the moreinfo page.

I checked the source html from the generated store pages, and both the product page and moreinfo page are returning .../ss_size2/.... in the img tag. When I change the graphic size to "medium and keep the moreinfo graphic to original, the img tag in both areas returns .../ss_size1/..., which leads me to think that it's a bug and not me.

If the ShopSite folks have any thoughts....

Roy

beley · Post by **beley** » Fri Jul 27, 2007 11:59 am

Yes, and it's showing an incorrect size:

Code: Select all

<img  src="http://~website~/media/ss_size3/10081.jpg" alt="10081.jpg" width="286" height="189" vspace="0" hspace="0">

This is the thumbnail, which was set to generate max width 100px.

I went in for a 4th time and selected all 1080 images and ran the resizer yet again and it worked/

It seems it only resized some of the images - I wonder if a permissions problem or other error was keeping the script from completing? Some of the images were the right size, but not all.

I had to use the PRODUCT.MoreInformationImage tag to get them to show up on the more info pages, which makes sense but isn't what was in the other post.

It seems to be working correctly now - thanks for the help...

At any rate, it looks to be working now.

Post by **Jim** » Fri Jul 27, 2007 1:10 pm

Glad its working now.

I added both the product.graphic and product.moreinformationgrapic tags to the moreinfo part of a product template and both images showed up. I was able to change the size of either or both images and after republishing the correct images displayed.

I think the main issue is that if your change the config for the size of the resized images it does not automatically go and recreate all of the resized images with the new sizes. So unless you manually resize them they will remain the size they were first created. If you have lots of images to resize the server might be timing out before they are all created. (remember each image could have 3 resize values so 1000 image = 3000 resized version)

8900200 · Post by **8900200** » Tue Oct 30, 2007 2:18 pm

Where is everyone finding the help file information on these mutiple sized images? I am trying to understand how SS Pro 8.3 deals with thumbnails and there is no information when I search on this term. Is the goal to create a custom product template that has some indicator for using a certain sized image? If so, I can't find that information.

Thanks
Rich

Post by **Jim** » Tue Oct 30, 2007 3:57 pm

You just use the appropriate tag to display the normal image such as [-- product.graphic --], to place the image on the page where you want it. ShopSite will generate the html to access the appropriate image size based on what you specified on the Product, Search or Shopping cart configuration screen.