Switcher Option for Registration

Hi
We are just testing Hikashop and would like to have the Guest checkout as an option, however using the switcher with Bootstrap does not work. There is a Javascript error on the page however this does not effect the switcher with bootstrap off.
Have tried changing the classes on the labels to bootstrap 3 but still no joy...

notjustnappies.medri.co.nz/

Any ideas?

Hello,
Did you done some modification through the files of the "checkout" view of your front-end template via "Hikashop->Display->Views" ? If yes, can you remove them and test it again ?
Thanks.

Hi, I have not made any mods in those files. With further investigation it looks as though the radio buttons are either hidden or off the page. If I replace the generated <fieldset> code with the non bootsrap view code it works.
How is the bootsrap views code being generated?

I have carried out a temporary fix using ReReplacer:

Serach:
<div class="hikaradios" id="data_register_registration_method">,<div class="btn-group btn-group-vertical" data-toggle="buttons-radio">,<label for="data_register_registration_methodlogin" class="btn active hikabtn-checkout-login">Login<br/></label>,<label for="data_register_registration_method0" class="btn">Registration<br/></label>,<label for="data_register_registration_method2" class="btn">Guest<br/></label>

Replace:
<div class="controls">,<div class="controls">,<label for="data[register][registration_method]login" id="data[register][registration_method]login-lbl" class="radio">
<input type="radio" name="data[register][registration_method]" id="data[register][registration_method]login" value="login" checked="checked" onchange="displayRegistration(this)">Login<br/> </label>,<label for="data[register][registration_method]0" id="data[register][registration_method]0-lbl" class="radio"><input type="radio" name="data[register][registration_method]" id="data[register][registration_method]0" value="0" onchange="displayRegistration(this)">Registration<br/> </label>,<label for="data[register][registration_method]2" id="data[register][registration_method]2-lbl" class="radio"><input type="radio" name="data[register][registration_method]" id="data[register][registration_method]2" value="2" onchange="displayRegistration(this)">Guest<br/> </label>

It would be great to know where the bootstrap design views are being added to the html output. Then maybe we could add a html overide?

Hi,

This is added in the file "login" of the view "checkout" that you can edit via the menu Display>Views.

If you turn off the "use bootstrap design" option of the configuration, you won't get the bootstrap design view and it should work without modification as it is less sensible to javascript libraries conflicts.

Hi Nicoloas and thank you for your reply. We need to use the Bootstrap design and are using Bootstrap 3 template, and although Hikashop is responcive (thank you for your hard work here) we prefer the bootsrap 3 design.
What I cannot work out is how you are generating the new code for the Bootstrap design,
Yes I can see the display files and I have modified the shipping and payment files via a template override to get the radio buttons back thanks to aother post :

hikashop.com/forum/payment-methods/86535...he-radio-button.html

However what we would like to do is add some template overides, just cannot find the files to overide when Bootstrap design is selected.

HikaShop uses the same views whether the option is activated or not. In also each view, you'll find conditions like that:
if(HIKASHOP_RESPONSIVE){
//display in some way
}else{
//display in another way
}
So all the views will behave differently when that "use bootstrap design" option is changed.

Thank you Nicolas, I must be missing something... I cannot find anywhere in the view files where the bootstrap classes are added eg span4 span5 etc, I am having to use ReReplacer to change these dynamically

Hi,

In the view "checkout / login" you can find the spanX classes.
For the left and right part. I hope this is what you are looking for.

If what you need is in another view, you can directly edit the HTML code in order to add your desired responsive classes.