Registration and guest fields too long on mobile

  • Posts: 16
  • Thank you received: 2
7 years 10 months ago #259958

-- url of the page with the problem -- : daizeymay.co.uk
-- HikaShop version -- : 3.0.0
-- Joomla version -- : 3.6.5
-- PHP version -- : 5.6.22
-- Browser(s) name and version -- : All versions
-- Error-message(debug-mod must be tuned on) -- : No error message - responsive issue

Hi. Done some updates on the site www.daizeymay.co.uk to make it a little more mobile friendly.

The one problem I have is that if you put a product in the basket, and go to checkout, the registration / guest fields are all too long for the mobile phone screen and don't change to the correct size.

I would very much appreciate some help on how to get these working correctly and fitting to the screen size.

Thank you in advance
Alison :)

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

  • Posts: 26158
  • Thank you received: 4028
  • MODERATOR
7 years 10 months ago #259962

Hi,

File : daizeymay.co.uk/media/com_hikashop/css/f...tom.css?t=1484910280 

.hikashop_checkout_login {
	clear: both;
	width: 690px;
	margin: auto;
}

Your custom frontend CSS contains a rule which made the login block with a big fixed width.
It was coming from the old HikaShop CSS and there is no such CSS in the new HikaShop 3.0 file.

For more details on CSS customization :
www.hikashop.com/support/documentation/1...the-display.html#css

Regards,

Jerome - Obsidev.com
HikaMarket & HikaSerial developer / HikaShop core dev team.

Also helping the HikaShop support team when having some time or couldn't sleep.
By the way, do not send me private message, use the "contact us" form instead.

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

  • Posts: 16
  • Thank you received: 2
7 years 10 months ago #260224

Jerome! You star! Thank you very much. I'd assumed (obviously wrongly) that installing the new version of hikashop would overwrite any old css, but without realising it would keep what it thought was custom css.

Really appreciate your help, that looks much better!

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

  • Posts: 16
  • Thank you received: 2
7 years 10 months ago #260232

Hi again....

So I decided to go to the default front end CSS after your response. And the mobile view now is much better.

But there is one problem!

The login / registration / guest choice is now not clickable? On neither desktop nor mobile. So people cannot choose to register or be a guest.

Nor can people choose shipping or payment method.

Would really appreciate any further help. I hoped that by going back to default CSS it would work fine.

Last edit: 7 years 10 months ago by Tiggia.

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

  • Posts: 26158
  • Thank you received: 4028
  • MODERATOR
7 years 10 months ago #260237

Hi,

Do you have a screenshot in order to illustrate your problem ?

Regards,

Jerome - Obsidev.com
HikaMarket & HikaSerial developer / HikaShop core dev team.

Also helping the HikaShop support team when having some time or couldn't sleep.
By the way, do not send me private message, use the "contact us" form instead.

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

  • Posts: 16
  • Thank you received: 2
7 years 10 months ago #260454

Hi Jerome, thank you for your reply.

Sure: here are two screenshots. One is with my default JPKids template and one iwth the Atomic template. As you can see there are no radio buttons for type of user, choice of shipping or choice of payment once the upgrade to Hikashop 3 has taken place. (I rolled it back and then re-upgraded with no success).

I presume as it's the same in different templates it is a Hikashop issue?

URL is www.daizeymay.co.uk if you wish to try for yourself. I'd be most grateful as at the moment this makes the site useable and visitors cannot purchase. :(

Attachments:

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

  • Posts: 26158
  • Thank you received: 4028
  • MODERATOR
7 years 10 months ago #260463

Hi,

First, please go to in the "advanced / legacy" settings and deactivate the "bootstrap design".
Because that legacy setting is still activate, some part of the interface are still using "bootstrap 2 style" while your template does not support it.

Afterwards, you could see to try the new checkout instead of the legacy one. That new checkout do not use anymore the "bootstrap 2" styles for the selection of the shipping or payment.
Otherwise, you have to fix your CSS. If you were using HikaShop 2.6.4 and it was fine, it means that you had working CSS for that ; and with HikaShop 3 and the legacy mode, the content is still the same ; so you should not have these issues with the updates.
You must have change elements in your website/template which make that.

Regards,

Jerome - Obsidev.com
HikaMarket & HikaSerial developer / HikaShop core dev team.

Also helping the HikaShop support team when having some time or couldn't sleep.
By the way, do not send me private message, use the "contact us" form instead.

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

  • Posts: 16
  • Thank you received: 2
7 years 10 months ago #260567

Jerome, thank you so much. That seems to have solved that problem. I really appreciate your help resolving this.

I now have one final issue.

Every product on the site has options and characteristics to choose from.
Some product listing pages show "Choose options" e.g. daizeymay.co.uk/jackets.html and daizeymay.co.uk/personalised-pump-bags.html

But most have "add to cart" (of course if a visitor clicks on add to cart they get an error message that they haven't filled out the required customisation options. Eg. daizeymay.co.uk/name-toys.html or daizeymay.co.uk/taggies.html or daizeymay.co.uk/pillows.html

I thought the "Choose Options" button on a product listing page should be automatic if the item in question had options that needed to be chosen?

Would appreciate your thoughts.

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

  • Posts: 82868
  • Thank you received: 13377
  • MODERATOR
7 years 10 months ago #260572

Hi,

That's indeed how that is supposed to be.
Here are a few things to try to identify why it does that:
1. Try to switch to the default template and see if you still have the problem. It might be linked to an old view override in your template.
2. Try to turn off the "add to cart legacy" setting of the HikaShop configuration in order to use the new add to cart system. It should work way better than the old one and might actually fix that issue for you.

Otherwise, if neither work, please provide a screenshot of the settings of your product and of the required custom field so that we can try reproducing the problem on our website.

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

  • Posts: 16
  • Thank you received: 2
7 years 9 months ago #260627

Hello Nicolas!

OK - changing to a different template makes no difference.

Add to cart legacy - if I turn this off, the problem remains the same, but the buttons obviously look out of place as they would need some custom CSS work.

So the problem remains! I have added a few screenshots which I hope will demonstrate.

Thank you! Alison.

Attachments:

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

  • Posts: 26158
  • Thank you received: 4028
  • MODERATOR
7 years 9 months ago #260637

Hi,

We published a new package of HikaShop 3.0 with some modifications for the "add to cart" button rules.
If your menu was not configured to display the custom fields, the fields were not loaded for the view ; and it was impacted some algorithms which needed to know if the product had fields and required fields (to display "add to cart" or "choose options").
With the new package, the loading of the fields is forced and the display should be better !

So please re-download HikaShop 3.0 package.

Regards,

Jerome - Obsidev.com
HikaMarket & HikaSerial developer / HikaShop core dev team.

Also helping the HikaShop support team when having some time or couldn't sleep.
By the way, do not send me private message, use the "contact us" form instead.

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

  • Posts: 16
  • Thank you received: 2
7 years 9 months ago #261588

Dear Jerome and Nicolas,

Just wanted to pop by and say thank you very much for your help. The website issues are all now resolved and I'm very grateful for your patience and skills to get it all sorted out.

Thank you!
Alison

The following user(s) said Thank You: nicolas, Jerome

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

Time to create page: 0.086 seconds
Powered by Kunena Forum