Payment methods displaied as buttons, not checkbox

  • Posts: 224
  • Thank you received: 8
9 years 2 days ago #221643

-- HikaShop version -- : 2.6.0
-- Joomla version -- : 3.4.5
-- PHP version -- : 5.4
-- Error-message(debug-mod must be tuned on) -- : Strict Standards: Declaration of JFBConnectProfileDataProxy::bindData() should be compatible with Joomla\Registry\Registry::bindData($parent, $data, $recursive = true, $allowNull = true) in /home/nangeli/public_html/infinitemandala.com/components/com_jfbconnect/libraries/profile.php on line 119

Notice: Trying to get property of non-object in /home/nangeli/public_html/infinitemandala.com/components/com_roksprocket/lib/RokSprocket/Addon/AdvancedModuleManager.php on line 98

Hello,
I am testing my cart and I noticed that
my 2 payment methods are displaied as buttons, not as checkboxes as I would expect.




In system > configuration > ceckout
I chosed:
Auto select default shipping and payment methods > if only one method is available


Now, i order to choose a payment method I have to click one of the buttons,
the the page refreshes and I can move on with the order

I don't know if this is how it is supposed to be, but it is very unlikely that a client
will understand he has to click a button, simple checkboxes would be easier to understand.

Can this be due to some css conflicts?

Thank you

Attachments:

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

  • Posts: 224
  • Thank you received: 8
9 years 2 days ago #221646

I noticed that in

media/com_hikashop/css/frontend_default.css?t=1444303973

this css rule

.hika-radio input[type="radio"] {
display: none;
}

is hiding the radio buttons in the payment methods, not sure why... but If I overwrite it
will this affect badly other buttons around the shop?

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

  • Posts: 82867
  • Thank you received: 13373
  • MODERATOR
9 years 1 day ago #221653

Hi,

No problem, you can remove it. But do it via the interface in the Display tab of the Hikashop configuration.
The issue is actually coming from your template which doesn't set a different color on the labels based on whether they are selected or not.
HikaShop hide the radios because the labels are used instead when the bootstrap mode is activated in the HikaShop configuration.

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

  • Posts: 64
  • Thank you received: 7
  • Hikashop Business
8 years 9 months ago #227931

nicolas wrote: Hi,

No problem, you can remove it. But do it via the interface in the Display tab of the Hikashop configuration.
The issue is actually coming from your template which doesn't set a different color on the labels based on whether they are selected or not.


Do you have the right css for showing a different label color when it is selected?

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

  • Posts: 26158
  • Thank you received: 4028
  • MODERATOR
8 years 9 months ago #227942

Hi,

See my answer there :
www.hikashop.com/forum/payment-methods/8...t-method.html#227940

Regards,

PS : Please try to not duplicate your posts for the same question.

Jerome - Obsidev.com
HikaMarket & HikaSerial developer / HikaShop core dev team.

Also helping the HikaShop support team when having some time or couldn't sleep.
By the way, do not send me private message, use the "contact us" form instead.

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

  • Posts: 64
  • Thank you received: 7
  • Hikashop Business
8 years 9 months ago #228215

Jerome wrote: Hi,

See my answer there :
www.hikashop.com/forum/payment-methods/8...t-method.html#227940

Regards,

PS : Please try to not duplicate your posts for the same question.


Thanks for your reply. Though this was not the same question. And the reply does not answer any of both questions.
So please let me ask again:

Question 1) How to edit the css of the button? I have a bootstrap template, this does nothing with the button whatsoever. I would like to give the button a different color after clicking it. No template makes this happen. So what css do I use to alter the buttons styling or image?

Question 2) Is there a way to go directly to the next step after selecting the payment method? This way styling the button will be less important.

Thanks in advance

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

  • Posts: 26158
  • Thank you received: 4028
  • MODERATOR
8 years 9 months ago #228217

Hi,

Here my answer :

You can take a look at the way that is displayed when using the "bootstrap design" (it requires a bootstrap 2 template in order to be displayed properly. You can use the default Joomla 3 template for tests).

Here the documentation on "customize the display" :
www.hikashop.com/support/support/documen...ize-the-display.html

My answer give you the necessary information to get a different look and display the "payment methods" as buttons and not "radio" elements.
Now the HikaShop support do not provide any support on customization ; the goal of our support is to provide support on the software, how to use it, how to configure it. The customization and the CSS are not in the support skills.

About your question 2 ; you should activate the "auto select" and "auto submit" feature in the HikaShop configuration for the "checkout payment & shipping".
www.hikashop.com/support/support/documen...ml#checkout_shipping

Regards,

Jerome - Obsidev.com
HikaMarket & HikaSerial developer / HikaShop core dev team.

Also helping the HikaShop support team when having some time or couldn't sleep.
By the way, do not send me private message, use the "contact us" form instead.

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

Time to create page: 0.082 seconds
Powered by Kunena Forum