How to Create a Custom Add to Cart Button

Hi

I have created a custom cart button to use on our new site. I have set up the class .hikashop_cart_input_button in my CSS but I cannot get it to work.

I know somewhere there was an option where you could opt for CSS or standard buttons in the configuration but I cannot find where it is.

Please advise, do I have the right class declaration for the buttons and how can I get this to work?

Please advise.

Many thanks :lol:

Hi,

You have the option "button style" in the configuration under the tab display where you can select CSS or normal.
If you chose normal, you will be able to use the class hikashop_cart_input_button to style your buttons.
If you choose CSS, you will be able to use the class hikashop_cart_button.

Hi

I am trying to use the CSS custom layout but I am having no joy at all.

212.113.133.235/~englishr/index.php?opti...=childrens&Itemid=53 shows how much of a dog's dinner it is making of my layout.

But on 212.113.133.235/~englishr/index.php?opti...&category_pathway=10 it looks OK.

In the CSS, you have that code:
.hikashop_products a.hikashop_cart_button, .hikashop_products a.hikashop_cart_button:hover, #hikashop_checkout_coupon a.hikashop_cart_button, #hikashop_checkout_coupon a.hikashop_cart_button:hover {
float: none;
width: 100px;
}


If you remove .hikashop_products a.hikashop_cart_button, .hikashop_products a.hikashop_cart_button:hover, from it, that will avoid the button to be squeezed.