How to create rounded corners on shop buttons

  • Posts: 110
  • Thank you received: 0
13 years 8 months ago #10103

Hi

Is there a field or area where I can create rounded corners on my hikashop buttons? I Googled how to adapt buttons for cross-browser but they all involve an htc file for MSIE pre 9.

212.113.133.235/~englishr/index.php?opti...sk=listing&Itemid=60

Please advise. TIA.

Please Log in or Create an account to join the conversation.

  • Posts: 82863
  • Thank you received: 13372
  • MODERATOR
13 years 8 months ago #10105

Hi,

If you want to have rounded corners only with CSS, IE pre9 will indeed require an htc file.

Alternatively, you can make your rounded corners in JS which won't require that htc file. There are several method out there:
www.curvycorners.net/
jquery.malsup.com/corner/
www.html.it/articoli/nifty/index.html

In all of these examples, you will have to use divs for your buttons. By default, the two button mode of hikashop (normal or CSS) use either an input or a link. If you want to change and use a div, you will need to define the function hikashop_button_render in the file templates/YOUR_TEMPLATE/html/hikashop_button.php basing your code on the code available in the file administrator/components/com_hikashop/helpers/cart.php
So it's not that easy.

Another easier way will be to use images, etc. For a complete list of rounded corners technics you can look at that page:
www.devwebpro.com/25-rounded-corners-techniques-with-css/

In HikaShop, we decided to not use any specific rounded corner code, so the rounded corners that you can set on the div layouts won't work for IE per 9 unless you setup an htc file.

Please Log in or Create an account to join the conversation.

Time to create page: 0.059 seconds
Powered by Kunena Forum