Home » Forums » Ubercart » Development

How to customize the add to cart button?

Submitted by spasmody on Tue, 04/08/2008 - 14:12
spasmody
Posts: 19
 Joined: 02/25/2008

Hello,
How to customize the add to cart button? Currently it's not possible to theme the catalog button apart from the product-node button. Can I create, for example, a small button in catalog and a big one in the product node?
Thanks
permalink #1 Wed, 04/09/2008 - 02:47
Abilnet

Posts: 180
 Joined: 12/28/2007
Uber DonorBug Finder

Hello spasmody, hopefully this helps?

permalink #2 Wed, 04/09/2008 - 03:28
spasmody
Posts: 19
 Joined: 02/25/2008

Thanks Abilnet, this CSS code is actually very usefull (I use it) but how do you do to theme the catalog button apart from the product-node button? (for example regarding margin and padding)

permalink #3 Wed, 04/09/2008 - 08:47
Abilnet

Posts: 180
 Joined: 12/28/2007
Uber DonorBug Finder

I'd love to help... but as a non coder can't, sorry. In this thread there's something related by stephthegeek, I believe.

permalink #4 Fri, 04/11/2008 - 19:11
Ryan

Posts: 4767
 Joined: 08/07/2007
AdministratorHead Code Monkey - I eat bugs.

You'll have to use a different CSS selector w/ greater specificity. For example, on a catalog page you might try to find a div that all the product entries are in and put its class or ID in front of the selector to theme the catalog button differently.

permalink #5 Wed, 07/23/2008 - 17:50
syturvy
Posts: 3
 Joined: 08/09/2007

Thanks for the tip Ryan. I am trying exactly the same (different catalog and product-node theming). I came this far but I need one more step: the add to cart button on my catalog page should show only an image, and no text. For the image I used a CSS background, but I cannot simply hide the text. (using "display: none" completely removes the button...)

Any idea?

Thanks