Return to previous page

How to Change "Add to Cart" txt button for graphic button (jpg)

This topic has 15 replies, 4 voices, and was last updated 9 years, 9 months ago ago by Robert Hall

PauloMeller

Participant

February 16, 2015 at 14:32

How to Change “Add to Cart” txt button for graphic button (jpg)
or translate text “add to cart” for “Comprar”…
need to change the button style in product page

#42613 Copied

14 Answers

Stan Russell

Participant

February 16, 2015 at 15:19

Hello,

you can change text of ‘Add to cart’ button using this Woocommerce guide: http://docs.woothemes.com/document/change-add-to-cart-button-text/

Regards,
Stan Russell.

#42624 Copied
Robert Hall

Support staff

February 16, 2015 at 15:23
Hello,

To change “Add to Cart” for graphic button you can use this code into custom.css file
```
.single_add_to_cart_button{
background: url(here must be a link to image);
}
```
Here is a video tutorial how to create custom.css: https://www.youtube.com/watch?v=Qok2zRedRMY&feature=youtu.be.

Regards,
Robert Hall.
#42627 Copied
PauloMeller

Participant

February 16, 2015 at 15:59

I will try, thank you guys

#42645 Copied

Robert Hall

Support staff

February 16, 2015 at 16:08

Hello,

You’re welcome!

Regards,
Robert Hall.

#42648 Copied

PauloMeller

Participant

February 17, 2015 at 02:10

ok, fine!
very thank you.

#42832 Copied

Stan Russell

Participant

February 17, 2015 at 10:32

Hello PauloMeller,

is your problem solved?

Regards,
Stan Russell.

#42898 Copied

PauloMeller

Participant

February 17, 2015 at 14:16

Hello Stan Russell,

need to change (text to jpg), all shop buttons (add to cart) (read more) in
single product
category
shop
etc …

Best Regards,
Paulo

#42972 Copied

PauloMeller

Participant

February 17, 2015 at 19:53

Hello Stan Russell,

need to change (text to jpg), all shop buttons (add to cart) (read more) in
single product
category
shop
etc …

Best Regards,
Paulo

#43095 Copied

Eva Kemp

Support staff

February 18, 2015 at 09:56

Hello,

You need create image files and add them via css styles as Robert described in the previous post.

Regards,
Eva Kemp.

#43236 Copied

PauloMeller

Participant

February 18, 2015 at 14:12

Olá Eva,

I need to change on every page… shop, cart, checkout..etc..Robert explain only single product.
regards,
Paulo

#43330 Copied

Robert Hall

Support staff

February 18, 2015 at 15:53

Hello @PauloMeller,

Please provide us with links to the pages where you want make changes.

Regards,
Robert Hall.

#43394 Copied

PauloMeller

Participant

February 18, 2015 at 17:50

http://www.olhequebarato.com.br/

change: add to cart & Read More Buttons

in cart page:
http://www.olhequebarato.com.br/cart/
update cart, proceed to checkout buttons…need translate for pt_BR

http://www.olhequebarato.com.br/produtos/folheados/argolas/

already used the poedit and translate the language to en_BR but do not know why there was no translation in some theme places

need to translate everything to the Portuguese br, I need this theme “talk” Portuguese

#43453 Copied

PauloMeller

Participant

February 19, 2015 at 01:32

Dear Stan,

problem solved by the link that you sent.

https://gist.githubusercontent.com/woogist/1128a0803928edc4bd0f/raw/gistfile1.php

would be interesting to exchange text for .jpg

thanks a lot
Paulo

#43594 Copied
Robert Hall

Support staff

February 19, 2015 at 09:26
Hello,

Try to use this code:
add to cart button-
```
.btn{
background: url(here must be a link to image);
}
```
update cart button –
```
.btn.gray{
background: url(here must be a link to image);
}
```
Proceed to Checkout button –
```
.checkout-button{
background: url(here must be a link to image);
}
```
To translate them you can in royal\plugins\woocommerce\templates\cart\cart.php file.

Regards,
Robert Hall.
#43634 Copied
Viewing 15 results - 1 through 15 (of 15 total)