No translation of "ADD TO CART" button

On the German version of my shop ( www.rufrecords.de/index.php?option=com_h...g&Itemid=409&lang=de ), the only thing not translated is the button ADD TO CART. How can I have it in German?

How can I translate the customer emails into German for the German version (order confirmation email etc.)?

Thank you!

Hi,

The add to cart button is translated.
The problem is that you added custom CSS in the front end CSS file of HikaShop:
.hikashop_product_stock .hikashop_cart_input_button {
display: block;
width: 120px;
height: 27px;
background:
transparent url(../images/addtocart.png) 0 0 no-repeat;
text-indent: -9999px;
border: none;
margin: 0 auto;
cursor: pointer;
}

That button replaces the normal button by an image and your image is a button with the text in english inside the image.
You should do your button CSS differently.
Remove the line text-indent: -9999px; and remove the text from the image. That way the hikashop text of the button will display on top of the button image. And it will be translated automatically.

All the HikaShop emails are already translated.
I tried an order on your website and got the order creation email in German.
For the order confirmation email, if you manually validate the order from the back end, please make sure that you are logged in with the back end interface in German as the system will send the email based on it.

Thank you for the reply, I understand the problem and I'd like to fix it!
I just cannot find the addtocart.png in my directory! Can you tell me what comes in front of the images/addtocart.png?

It's media/com_hikashop/images

Thank you, I found it and changed it! Another problem now, when I want to click on the button, the word ADD TO CART / WARENKORB disappears (mouse-over). I'd like to have the mouse-over orange then as it was before.. How can I manage?
Thank you!

You have the same line of code in that CSS:
.hikashop_product_stock .hikashop_cart_input_button:hover {
width: 120px;
height: 27px;
background: transparent url(../images/addtocart.png) 0 -27px no-repeat;
text-indent: -9999px;
border: none;
}

remove it and it will display the text on hover.

Thank you! But this does completely eliminate the hover! I would like to have the template color (orange) on hover.. how can I do this?

You need to change the image for the hover CSS code.
So you should have that:

.hikashop_product_stock .hikashop_cart_input_button:hover {
width: 120px;
height: 27px;
background: transparent url(../images/addtocart-orange.png) 0 -27px no-repeat;
border: none;
}

and make sure that you have the addtocart-orange.png image.

But if you were able to have the add to cart buttons already personnalized with CSS like that, you should be able to personnalize that CSS yourself...

Sorry, it was not me who personalized the shop but a colleague of mine who is not available at the moment. I'm not so much of an expert as you might notice
Now I will try my luck and create the orange button. As far as I understand, the whole button will become orange when mouse-over, not the writing as it was before.

Thanks for your patience!

I did what you suggested but now when you try the hover, the button just disappears (without the writing)

This is the png in orange that I created. I copied the original one and coloured it. What did I do wrong now?
Thank you!

The image does not exist on your website:
www.rufrecords.de/media/com_hikashop/ima...addtocart-orange.png

okay, got it! I had put it into another folder!
thank you again!!