Adding Pictures with Product Description

Hello,
I am using the latest version of Zen Cart. I would like to know if there is a way to add pictures in with the product description through Admin...Catagories/Products- New Product. I want to include a picture of the Nutrients like you find on a food package, along with the description of the product. I have these downloaded on my computer and am not sure how to include them in the box with the product description. Do I need to do this via html programming? I haven't found a way to insert a picture in description box. I have checked the FQA and the forums...haven't found anything to help...Does anyone know?
Thanks..

Yes, you would use HTML <img> tags to include pictures in your product description. If you have an HTML editor active, that may have an "insert picture" feature; otherwise, save your image in the base /images/ folder and put something like this in your description:

gjh42:

Yes, you would use HTML <img> tags to include pictures in your product description. If you have an HTML editor active, that may have an "insert picture" feature; otherwise, save your image in the base /images/ folder and put something like this in your description:

<img src="images/your_nutrition_image.gif" alt="Nutrition Information" />

WOW !! - I wasn't looking for this but I am glad I found it - this will be most helpful. Good Stuff GJH42

My issue is somewhere along the line I have done something that has caused image uploading for product info pages not to work.

I had installed Google Feeder when afterwards I could not add an image to a new product. Subsequently then installed Image Handler 3 and Zen Lightbox. Then uninstalled all of them one at a time and re-tried and then re-installed each one at a time very carefully.

Current status is that Images will not load at the new product data sheet but will load (afterwards) using IH3 BUT NOT the default image (see error message below). On the product page the "alt" description for the image is where the image should be (even with the click for larger image prompt) and when clicked on the image opens up in Lightbox.

Al images are in their right folders and correctly named (I deleted images from folders then re-uploaded them but it didn't make a difference). Images Configuration page seems OK - untouched so shouldn't be the source of the problem.

Something is saying ... "OK, we will load up the alt text of the image and put it where it should be but we won't actually put the image there" - where do I find this something ??:smile:

all assistance appreciated.

cheers,
Mike

error message in IH3 reads ...

Error!

Unable to determine the page link!

Function used:

zen_href_link('', '', 'NONSSL')

Thank you Black Belt for the info. This worked out as I needed it too. I appreciate your help...:D

Check out this page and see how these pictures look and let me if this is what you are looking for. I dropped the code into the description box and it took off. Click on couple of the pictures they should in-large in a separate window bypassing Zen cart completly with no need for a photo serveice.

http://icucenterstage.biz/index.php?main_page=product_info&cPath=10_23_24&products_id=4

Here is anothor one with video or slide show, I am still working on these and so far Zen cart has not broke yet on my side. Please let me know if you have any problems at all, including load time. Thanks.

http://midnightadwar.com/Ads/index.php?main_page=product_info&cPath=25_12&products_id=40

The first link is code I took from Word Press and dropped into the description box and modifying as I go.

The second link is ‘well’ the complete page code from their web site “everything” nothing left out, only modified a few click-able links so they will work when visitors click on them.

The Zen Cart team built a monster and so far I found no limits to it yet. However, I would not tamper with a full on line site because Zen Cart may break, “don’t know” but if it does break you may have to use your FTP programs to undo the changes in that particular description box.

Don't know if this is possible because I am having no problems with it, so there is no need for me to figure that one out, I can't seem to break it no matter what I have done.

In addition, check this page out it is a simple code compared to the other ones.

http://midnightadwar.com/Ads/index.php?main_page=product_info&cPath=25_7&products_id=7

If I can figure out how to replace the description box in Zen cart, with the plain Text/HTML editor like the one in Word Press, or similar to the text box we use for posting replies here I would do so, because everything I have done so far tells me this beast can handle it.

Oh one of the best parts is when I drop in the code, does not matter which one it all took on the sites theme with no problem, except for the need to change some of the text color code.

As time permits, I will clean up the code and post when possible.

P.S

This page here is using only and all Zen cart built in photo features only with the proper naming and photo placement as suggested in one of the replies.

http://midnightadwar.com/Ads/index.php?main_page=product_info&cPath=16_20&products_id=43

Oh yes, please take notice on one of the sites it has two Categories side boxes, I am not sure which one I want to use I am leaning toward the fly out, any input will be appreciated.

Thank you

Rookie2000

gjh42:

Yes, you would use HTML <img> tags to include pictures in your product description. If you have an HTML editor active, that may have an "insert picture" feature; otherwise, save your image in the base /images/ folder and put something like this in your description:

<img src="images/your_nutrition_image.gif" alt="Nutrition Information" />

This worked great! I have another noob question:
How can I center this image? It is currently aligned to the left along with the description text. I just want to center the image, not the rest of the description text though.

I tried this, but it didn't work:
<img src="images/your_nutrition_image.gif" alt="Nutrition Information" align="middle" />

Would I have to change something on the stylesheet?

Your help is very much appreciated! :smile:

MVIP:

This worked great! I have another noob question:
How can I center this image? It is currently aligned to the left along with the description text. I just want to center the image, not the rest of the description text though.

I tried this, but it didn't work:
<img src="images/your_nutrition_image.gif" alt="Nutrition Information" align="middle" />

Would I have to change something on the stylesheet?

Your help is very much appreciated! :smile:

Sorry, it amazes me how much noobness I possess.

This centers the image:

:flex::clap:

That should actually be <div align="center"> </div>

Just so you know, <center> is an antiquated HTML tag that is now deprecated (discouraged) for use; instead, you should apply CSS to elements.