AJAX Add To Cart WITH Image

[hellojd]

I'm currently editing the `blockcart` module for a new theme, I've designed it how I would like and the AJAX add to cart is working with the image animation from the product listing etc.

 

I've currently got the image thumbnail of the product to show next to the product text in `blockcart` on page load, by using the following:

 

<img src="{$link->getImageLink($product.link_rewrite, $product.id_image, 'medium_default')}" alt="{$product.name|escape:html:'UTF-8'}" width="{$homeSize.width}" height="{$homeSize.height}" class="fl" style="margin: 0 5px 25px 0;" />

 

That is placed inside the `dt` tags, now when an item is added to the cart, the text appears in `blockcart` but the image doesn't appear until the page is reloaded.

 

I've seen themes use this before so I know it's possible, but I can't seem to get it to work, is there away to pass on the image with the request?

 

EDIT

 

Looking at it too, its not even styling the text the same as the rest? Is there a file somewhere that I need to edit that I can style the product being added to the blockcart? Also, the animation of the product going into the cart doesn't work if I have `blockcart` hidden (made viewable by hovering over `blockuserinfo` (cart))

Edited February 1, 2013 by hellojd (see edit history)