V3 has issues on checkout

  • Posts: 279
  • Thank you received: 1
8 years 3 months ago #263442

-- url of the page with the problem -- : www.digitalguarddawg.com
-- HikaShop version -- : 3
-- Joomla version -- : 3.6.5

Not very happy with V3 of HS. It seems to have some display issues. One was a CSS thing which you fixed for me - thank you. However, although I can't get it to do it, my client and his friend a few miles away both get this issue.

The field labels are meant to be left justified (they are on my screen), but his and his friend's computers show them like the image. It's a real mess. Other pages seem to be OK. I've tried it in FF, Chrome, IE and Opera and can't get them to display like this, even when squeezing the browser window narrower.

This is causing him to be on my case every day (multiple times) and I can't get anything else done. Can you please urgently look at what's going on. As I mentioned in another thread, this is an older template done in the last version of Artisteer. However, it had NO issues until the latest version of HS so it's something in that which has changed.

Thanks.

Attachments:

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

  • Posts: 83992
  • Thank you received: 13604
  • MODERATOR
8 years 3 months ago #263444

Hi,

1. I don't see the fields shifting either on my end, even though I'm also using chrome. Maybe they need to clear their browser's cache ? If only two persons get the problem and no one else, it has to be someone with their setup. Did you ask them to try with another browser ?

2. The size of the input boxes being not correct comes from the CSS:

input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="number"], input[type="range"], input[type="tel"], input[type="time"], input[type="week"], textarea {
    width: 90%;
    padding: 4px 0;
    color: #3D5166 !important;
    font-size: 14px;
    font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
    font-weight: normal;
    font-style: normal;
    text-shadow: none;
}
of your template. This has nothing to do with the update.

3. The text "Login or continue as a guest" can be changed with a translation override, as you must already know by now:
www.hikashop.com/download/languages.html#modify

4. If you want to remove the submit and register buttons, you can add such CSS:
.hikabtn_checkout_fields_submit, .hikabtn_checkout_login_register { display:none;}
These display because they allow you to submit only that block without submitting the whole page. This allows merchants to have true "one page checkouts", which was not possible before as the whole page had to be submitted.

5. Please understand that HikaShop 3 is a major release. You're not supposed to directly update production websites with it but instead try it first on a copy of the website (best practices even recommend that you do that for each update of something on your website). Remember that we changed the whole add to cart and checkout systems for HikaShop 3. It's bound to have some differences with previous versions and templates made for previous versions of HikaShop would have to be adapted (even though it's usually not much).

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

  • Posts: 279
  • Thank you received: 1
8 years 3 months ago #263474

Appreciate the fast and detailed response Nicolas. I suspect they may be using older versions of browser. My client has tried on different browser and computers in his office but gets the same issue. As I said, and you found, I cannot replicate. It's possible his friend is also using an old browser version. It's not uncommon for people to not update browsers.

I figured it was the template giving the long field. Unfortunately, if I change 90% to, say, 40% it will affect every form field on the site (not with necessarily good results elsewhere!!). Is there a specific class that relates to that particular field which I can do an override for in CSS?

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

  • Posts: 83992
  • Thank you received: 13604
  • MODERATOR
8 years 3 months ago #263487

I would personnally simply remove that width: 90% from the template.
It looks much better without it:
monosnap.com/file/mHiwcoUGUZTSREsWIUsbMMKyL8FLDm

If you want to target the coupon input specifically, you can use the class hikashop_checkout_coupon_field
like that:
.hikashop_checkout_coupon_field{ width: 40% ! important; }

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

  • Posts: 279
  • Thank you received: 1
8 years 3 months ago #263582

Indeed it does! Thanks!! :) :) Previously, with the older versions of HS it didn't behave quite like that. Appreciate the suggestion, plus the help with the other issues.

We'll see what the client has to say now!

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

  • Posts: 279
  • Thank you received: 1
8 years 3 months ago #263710

Unfortunately, those changes did not fix the right hand justified field labels. I spoke to my IT company who are based in the same area (about 15 miles apart) and they see the same error on both Chrome and IE. From this I'm starting to think it may relate to something unique to that area (odd, because they're on different ISPs). Whatever, it's causing us some grief trying to fidgure it out.

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

  • Posts: 83992
  • Thank you received: 13604
  • MODERATOR
8 years 3 months ago #263711

Hi,

Unfortunately, from our end, we can't analyze a problem we don't see and thus can't provide a fix since we don't see the problem.
It would require having a designer or developer analyzing the CSS on the page while they can see the problem to be able to provide a solution.

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

Time to create page: 0.065 seconds
Powered by Kunena Forum