- Posts: 1184
- Thank you received: 13
Cart arrows look the same on all browsers
1 year 3 months ago #367572
by verzevoul
Cart arrows look the same on all browsers was created by verzevoul
-- HikaShop version -- : 6.0.0
-- Joomla version -- : 5.3.1
-- PHP version -- : 8.3
Hi!
In each browser the cart quantity arrow icons look different. Is it possible to make them look the same everywhere?
Thank you
-- Joomla version -- : 5.3.1
-- PHP version -- : 8.3
Hi!
In each browser the cart quantity arrow icons look different. Is it possible to make them look the same everywhere?
Thank you
Please Log in or Create an account to join the conversation.
1 year 3 months ago #367575
by nicolas
Replied by nicolas on topic Cart arrows look the same on all browsers
Hi,
This is because you've selected "Show HTML5" in the "Quantity input method" setting of the HikaShop configuration page:
www.hikashop.com/support/documentation/5...html#display_product
So, with this input method, you want to rely on the browser to display the + and - buttons so that they are coherent for the user compared to other websites using the same type of input. And thus, you don't want to style the - and + buttons to look the same across different browsers.
So, if you want the same - and + buttons on all browsers, then you normally don't want to use this input method. Instead, switch to "Show left and right", or "Show default in div".
Now, if you really want to use the "Show HTML5" input method and style the arrows for each browser, it's somehow possible with CSS:
stackoverflow.com/questions/26024771/sty...an-input-type-number
However, I don't recommend this approach. You'll spend a lot of time on this and next time a browser changes its look, or a new browser comes in which you want to support, you'll have to adapt your CSS code.
This is because you've selected "Show HTML5" in the "Quantity input method" setting of the HikaShop configuration page:
www.hikashop.com/support/documentation/5...html#display_product
So, with this input method, you want to rely on the browser to display the + and - buttons so that they are coherent for the user compared to other websites using the same type of input. And thus, you don't want to style the - and + buttons to look the same across different browsers.
So, if you want the same - and + buttons on all browsers, then you normally don't want to use this input method. Instead, switch to "Show left and right", or "Show default in div".
Now, if you really want to use the "Show HTML5" input method and style the arrows for each browser, it's somehow possible with CSS:
stackoverflow.com/questions/26024771/sty...an-input-type-number
However, I don't recommend this approach. You'll spend a lot of time on this and next time a browser changes its look, or a new browser comes in which you want to support, you'll have to adapt your CSS code.
The following user(s) said Thank You: verzevoul
Please Log in or Create an account to join the conversation.
Time to create page: 0.181 seconds