Add jpeg or banner to shopping cart view

I'm just wondering if it is possible to add an image above the shopping cart contents? When someone clicks view cart and it takes them to the page where everything in the cart is displayed (not the sidebar view), I would like an image to appear above the cart contents.

Amy

If you are talking about this page

/index.php?main_page=shopping_cart

Then the default lists this as an option

You may want to add some instructions for using the shopping cart here. (defined in includes/languages/english/shopping_cart.php)

Remember to copy the file for your template

Oh I forgot about that spot. What code to I insert to add a jpeg?

What code to I insert to add a jpeg?
Standard html image code

image src= etc...

By etc do you mean filename.jpg?

You need to use standard HTML <img> code to display an image. There are multitudes of tutorials on the web about using images in HTML.

http://www.w3schools.com/tags/tag_img.asp

You need to either specify the full URL of the image starting with http://, or the relative location starting with images/ (assuming the image is under your Zen Cart /images/ folder).

I'm trying really hard to work this out but I just have no idea. This is the line I have in my shopping_cart.php:

define('TEXT_INFORMATION', 'Shipping is based on the total weight of your items. Please take note of shipping weight displayed below before proceeding to checkout.');

and I am attempting to add:

but I don't know where to put it. I tried putting it at the end of the text line and on a line of its own but I have no knowledge of code so I can't tell if what I'm doing is wrong or if the <img line is wrong.

Something like:

define('TEXT_INFORMATION', 'You may want to add some instructions for using the shopping cart here. (defined in includes/languages/english/shopping_cart.php' . '<br>' .
'<img src="/images/FreePostage.jpg" alt="Free Postage" height="321" width="600">');

should work ...

NOTE: that is an awfully huge image for the shopping_cart and would drive me crazy ...

Thanks I will give this a try. I don't know what size to make the image so I just put a huge one in so I can see it then reduce it until I like the size.

Thanks. I was able to insert the image. I am now trying to center it on the page using align="middle" but no matter where I seem to stick it, nothing happens. This is what I have tried:

'<img src="/images/FreePostage.jpg" alt="Free Postage" align="middle">');

I took out the height and width because I just want to control that by resizing it in photoshop because I will want to change the picture every now and then.

When you decide on the right size for the image, resize the actual image file (saving an original copy of course) to be exactly that size. Then the browser won't have to do a quick & dirty resizing of a larger image, and page processing/downloading will be faster.

OK, nevermind:) You are doing that the right way.
Forget about using align in the <img> code; I believe that is deprecated for HTML5 anyway. Just control the positioning with CSS in your stylesheet.

"align" is actually deprecated in HTML 4.01, and removed from HTML5... so you can't use it for future applications even if you want to.

I didn't know I couldn't use align. I got that from the website link you posted.

Is there no other way to do it other than in the stylesheet? Clearly I have no idea what I'm doing so I don't know what to do in the stylesheet in the slightest to get it to center.

Add to your stylesheet

#cartInstructionsDisplay img {display: block; margin: auto;}