Registrationform messed up in 3.0.1

  • Posts: 507
  • Thank you received: 21
  • Hikashop Business
7 years 6 months ago #268557

-- HikaShop version -- : 3.0.1
-- Joomla version -- : 3.7
-- PHP version -- : 5.5.9 and 7.0

Hi,

there's a strange layout behaviour within the registrationform in the checkout. The fields are messed up when using the new bootstrap / non Legacy option.
See screenshots. Tested both with default and custom frontend CSS file.

Attachments:

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

  • Posts: 82868
  • Thank you received: 13377
  • MODERATOR
7 years 6 months ago #268562

Hi,

We don't have that problem by default, so it has to come from custom CSS on your website, probably in your template.
Unfortunately, without being able to analyze the CSS on the elements on that page, I can't say.
I already had a hard time reaching the checkout as you didn't provide precise instructions (link to a product page for example), but I found out that you've activated back the checkout legacy. So I can't see the problem and thus can't analyze it and thus, can't say anything more.

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

  • Posts: 507
  • Thank you received: 21
  • Hikashop Business
7 years 6 months ago #268630

Hi Nicolas,

You're right, sorry I forgot to add a link.

The reason for setting the legacy back is because I don't want this to be "Live". I already missed a lot of orders last week after updating to 3.0.1 and fixing lot's of messed up database records too, wich caused us much trouble.

I have a testsite that is under construction with standard template Beez3:

www.jaaralbum.nl/jaaralbum/component/hik...how/cid-2?Itemid=480

There you can see what I mean, but the problem occurs in all the templates. The Hikashop frontend CSS is set to default.

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

  • Posts: 82868
  • Thank you received: 13377
  • MODERATOR
7 years 6 months ago #268636

Hi,

Unfortunately, I can't access that link:
monosnap.com/file/eRwQg7TtvG7lQvG0LKdSHusjpRBbAR

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

  • Posts: 507
  • Thank you received: 21
  • Hikashop Business
7 years 6 months ago #268696

Ok than you have to folow the ordercheckout:

www.jaaralbum.nl/jaaralbum/basisborden/b...naambord-aluminium-1

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

  • Posts: 82868
  • Thank you received: 13377
  • MODERATOR
7 years 6 months ago #268710

Hi,

You're missing that CSS in the template which is why it doesn't display like expected:
.form-horizontal .control-group:before,
.form-horizontal .control-group:after {
display: table;
content: "";
line-height: 0;
}
.form-horizontal .control-group:after {
clear: both;
}

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

  • Posts: 507
  • Thank you received: 21
  • Hikashop Business
7 years 6 months ago #268724

Hi Nicolas,

Thank you! That's indeed the solution. But how can this be missing in all the (standard) templates?

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

  • Posts: 82868
  • Thank you received: 13377
  • MODERATOR
7 years 6 months ago #268736

Hi,

Yes. It seems that Joomla 3.7 has changed some things regarding CSS and classes which changes the way the form elements are being displayed in some cases. We'll have to adapt things on our end.

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

Time to create page: 0.070 seconds
Powered by Kunena Forum