Checkout registration switcher label click issue

  • Posts: 22
  • Thank you received: 0
8 years 8 months ago #233388

-- HikaShop version -- : 2.6.1

Hi there,

I am having issues with the display switcher in the checkout, i have the Guest, Register, and Log In options selected, but the radio button labels are clickable, but do not change the radio selection, I believe that this issue is caused by the nested Div that contains the labels separately from the radio buttons, below is the code snippet that is output to the browser, any help on this would be greatly appreciated.

<div class="hikaradios" id="data_register_registration_method">
	<input type="radio" name="data[register][registration_method]" id="data_register_registration_methodlogin" value="login" onchange="hikashopLocal.radioEvent(this);displayRegistration(this)" class="hikabtn-checkout-login"/>
	<input type="radio" name="data[register][registration_method]" id="data_register_registration_method0" value="0" onchange="hikashopLocal.radioEvent(this);displayRegistration(this)"class="hikabtn-checkout-registration"/>
	<input type="radio" name="data[register][registration_method]" id="data_register_registration_method2" value="2" onchange="hikashopLocal.radioEvent(this);displayRegistration(this)" checked="checked" class="hikabtn-checkout-guest"/>
<div class="btn-group btn-group-vertical" data-toggle="buttons-radio">
	
	<label for="data_register_registration_methodlogin" data-default="0" class="btn ">Login to your account<br/></label>
	
	<label for="data_register_registration_method0" data-default="0" class="btn ">Create an account<br/></label>
	
	<label for="data_register_registration_method2" data-default="0" class="btn  active hikabtn-checkout-guest">Guest Checkout<br/></label>
</div>
</div>

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

  • Posts: 82906
  • Thank you received: 13378
  • MODERATOR
8 years 8 months ago #233390

Hi,

This works fine on our end.
It's probably something linked to your template and the bootstrap support.
Try to switch the "use bootstrap design" setting of the HikaShop configuration and see if that helps.

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

  • Posts: 22
  • Thank you received: 0
8 years 8 months ago #233470

Hi,

I'm already using the bootstrap design feature, could you tell me which file generates the above code so that i can amend it to work with my template.

Thanks.

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

  • Posts: 82906
  • Thank you received: 13378
  • MODERATOR
8 years 8 months ago #233473

Hi,

Yes, I know you're using the bootstrap design feature.
And that's why I said that you should try to turn it off and see if that helps because the problem is probably that your Joomla template doesn't properly support bootstrap and must be missing some bits for the radio labels.
Well, a solution is to turn off bootstrap for the switcher element by changing the line:

echo JHTML::_('hikaselect.radiolist',  $values, 'data[register][registration_method]', ' onchange="displayRegistration(this)"', 'value', 'text', $defaultSelection, false, false, true );
to:
echo JHTML::_('select.radiolist',  $values, 'data[register][registration_method]', ' onchange="displayRegistration(this)"', 'value', 'text', $defaultSelection, false, false, true );
in the file "login" of the view "checkout" for your frontend template via the menu Display>Views.

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

Time to create page: 0.058 seconds
Powered by Kunena Forum