Magento Commerce uses something called callouts, basically images or content in various places on the website. For instance, the left column in the shopping cart has a couple of them with the “free” version of Magento. I must add that this article addresses Magento using the Modern theme. Other themes will be similar.
If you put something in your cart and go to the checkout page, you’ll see two examples of callouts. The top one has to do with Laurent bedding or something like that and the lower one is a placeholder called fpo_no_crosssell.gif, as it say’s a placeholder in case the items in the shopping cart do not have cross-sell items associated with them. You will find these callout images in the skin/frontend/default/modern/images/media/ folder. One is called callout1.jpg and as noted above, the other is called fpo_no_crosssell.gif. You can simply open these images in Fireworks or whatever you use and modify them, then resave and upload them to the same directory. Now, that’s half of it.
As with most elements of a Magento Commerce site, there are two portions to the display of the website. The “skin” side which we just addressed and then there is the “app” side or application side. Let’s have a look.
Go to /app/design/frontend/default/modern/template/checkout/cart/crosssell.phtml. This is where the “call” to these two referenced “callouts” are. If you wanted to add callouts, simply add them above or below the call to the ones that are in this file. You’ll find them around the end of the file, around line 60. The one in the Modern theme reads
<p><img src=”<?php echo $this->getSkinUrl(’images/media/callout1.jpg’);?>” alt=”"/></p>
You could of course delete these lines or change the image filename you want to call.
This should be a little help for you figuring out the Magento Commerce Application.