- Posts: 110
- Thank you received: 0
How to create rounded corners on shop buttons
- deborahharrison
-
Topic Author
- Offline
Less
More
15 years 6 months ago #10103
by deborahharrison
How to create rounded corners on shop buttons was created by deborahharrison
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.
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.
15 years 6 months ago #10105
by nicolas
Replied by nicolas on topic Re: How to create rounded corners on shop buttons
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.
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.152 seconds