Cart Icon And Popup Cart Display

Hello,

It's possible, supposing that you want the icon to display the details of the cart when someone click on it, you want to enable the HikaShop cart module in the position of your template where you want the cart icon to display.
Then, you want to set the "mini cart" setting of the module to "dropdown cart".
And finally, you want to do a translation override in order to change the different texts displayed by the cart module 'mini' mode to display instead an image:
www.hikashop.com/download/languages.html#modify
So for example, for the "The cart is empty" message that you see when there is nothing in the cart.
You can add such translation override:

CART_EMPTY="<img src='http://mywebsite.com/link/to/empty/cart/image.png'/>"

Hi,

1. In your override, you didn't use a normal single quote but another character, which looks like a single quote:
www2.cs.sfu.ca/~ggbaker/reference/characters/#single
Because of these, the browser doesn't recognize the character and considers that the value of the attribute doesn't have any quotes and actually uses the character as part of the URL, which makes the URL invalid:
i.imgur.com/5RMKTnp.png

Note that instead of translation overrides, the cart module now has a setting where you can provide the URL of the cart image, and it will be added automatically. I would recommend going that road. It's easier to setup.

2. This issue is caused by your template.
You need to add this CSS code to your template's CSS:

section#Header {
    z-index: 9999;
    position: relative;
}

Hi,

1. I think the best would be to add an alt attribute to your img tag:
www.w3schools.com/TAGs/att_img_alt.asp
That way, when someone hovers on your image, the text of the alt will automatically display next to the mouse cursor.

2. You would have to have another override for that text too:
www.hikashop.com/forum/product-category-...the-menu.html#302737

3. Your cart link already displays the quantity of products in the cart, as well as the price. So when you do the translation override, keep the %s next to the img tag to keep the quantity displayed next to the cart icon. And then you can use CSS code to move the quantity on top of the cart icon.