Switcher Option for Registration

  • Posts: 26
  • Thank you received: 0
11 years 1 month ago #151758

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?

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

  • Posts: 12953
  • Thank you received: 1778
11 years 1 month ago #151803

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.

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

  • Posts: 26
  • Thank you received: 0
11 years 1 month ago #151905

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?

Last edit: 11 years 1 month ago by kmedri.

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

  • Posts: 26
  • Thank you received: 0
11 years 1 month ago #151911

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?

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

  • Posts: 83933
  • Thank you received: 13588
  • MODERATOR
11 years 1 month ago #151924

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.

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

  • Posts: 26
  • Thank you received: 0
11 years 1 month ago #152014

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.

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

  • Posts: 83933
  • Thank you received: 13588
  • MODERATOR
11 years 1 month ago #152018

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.

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

  • Posts: 26
  • Thank you received: 0
11 years 1 month ago #152090

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

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

  • Posts: 13201
  • Thank you received: 2322
11 years 1 month ago #152123

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.

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

Time to create page: 0.084 seconds
Powered by Kunena Forum