Support

April 19, 2013 at 12:06 am

Hi,

Yes the image aspect of that shortcode only works for the add to cart part.

If you want to add an image to the view cart link as well you can use the following CSS (in your themes style.css file or via a plugin such as My Custom CSS).

.ee_view_cart {
display: block;
text-indent: -9999px;
background-image: url(http://www.ee-3131.dev/wp-content/uploads/2013/04/thumb-up.gif);
height: 64px;
width: 64px;
}

This will over ride the image in the shortcode so it isnt needed.

The one issue with this method is that the image for the add to cart AND the view cart is the same.

To get around that, then you would use the following CSS

.ee_view_cart {
display: block;
text-indent: -9999px;
background-image: url(http://www.ee-3131.dev/wp-content/uploads/2013/04/thumb-up.gif);
height: 64px;
width: 64px;
}

.ee_add_item_to_cart {
display: block;
text-indent: -9999px;
background-image: url(http://www.ee-3131.dev/wp-content/uploads/2013/04/shopping-cart.gif);
height: 64px;
width: 64px;
}

Now its important that the .ee_add_item_to_cart goes below ee_view_cart as CSS goes top down, otherwise it will show the same image for both.

You will of course need to change the image urls and the height/width to match the image height/width.