Welcome, Guest ( Customer Panel | Login )




 All Forums
 VPCart Forum
 Customization
 Image size
 New Topic  Reply to Topic
 Printer Friendly
Author Previous Topic Topic Next Topic  

crittersmagic
Starting Member

28 Posts

Posted - November 24 2006 :  21:41:52  Show Profile  Visit crittersmagic's Homepage  Reply with Quote
How do i set the image size on the product page? I have done the following, but it did not help. So any other suggestions would be great.

Crittersmagic

It can be done by adding width and height attributes to three img tags in your shopproductformat.asp file.

You will need to add these attributes at three lines there

Open this file in Notepad and

1)locate the next code at around line 387

<p align="center"><a href="<%=strDescURL%>"><img border="0" src="<%=strcimageURL%>"></a><br>

change it to read

<p align="center"><a href="<%=strDescURL%>"><img width="100" height="120" border="0" src="<%=strcimageURL%>"></a><br>

2)locate the next code at around line 392

<p align="center"><a href="<%=strDescURL%>"><img border="0" src="<%=strcimageURL%>"></a><br>

change it to read

<p align="center"><a href="<%=strDescURL%>"><img width="100" height="120" border="0" src="<%=strcimageURL%>"></a><br>

3)locate the next code at around line 399

<p align="center"><img border="0" src="<%=strcimageURL%>"></p>

change it to read

<p align="center"><img width="100" height="120" border="0" src="<%=strcimageURL%>"></p>

crittersmagic
Starting Member

28 Posts

Posted - November 25 2006 :  11:23:02  Show Profile  Visit crittersmagic's Homepage  Reply with Quote
Alright i got this one taken care of. I guess i left out step number three. I rally thought i did them all.
Go to Top of Page

elammers
VP-CART Super User

USA
256 Posts

Posted - November 25 2006 :  11:39:59  Show Profile  Visit elammers's Homepage  Reply with Quote
Try this approach instead.

First, download the free image program called Easy Thumbnails at http://www.fookes.com/ezthumbs/index.php?2.8

Then take a COPY of all your product images and place them into a temporary work directory. Use Easy Thumbnails to make an optimized copy of your large images and then run it again to make an optimized, resized copy of your thumbnail images saving each set in a different directory.

The tool is great because in a couple configuration clicks you can set the max width and height while retaining ratio, add a prefix if you desire such as "tn_" for your thumbs, and then optimize by setting the JPG quality to 80 or lower.

In the Admin Console for each product, upload the thumbs to the "Image" field and the large images to the "Large Image" field.

By doing this, on your home page and product listing pages, you'll then see your thumbnail images and when you go to the details page for a product (aka extended description) you'll see the large image.

Right now, it looks like you're pulling in the large image where the cart wants to just show a thumb, forcing the HTML to resize a ~200KB graphic into what should only be about 5KB.

Hope that helps.


Regards,

Eric in Maine
Go to Top of Page
  Previous Topic Topic Next Topic  
 New Topic  Reply to Topic
 Printer Friendly
Jump To:
Snitz Forums 2000
0 Item(s)
$0.00