Checkout like Macys - very easy process

  • Posts: 301
  • Thank you received: 1
11 years 1 month ago #154451

Is there anyway in Hikashop to copy the Macys online store checkout process - see attached graphic.

First screen the user comes to allows the use to either register or to proceed as a guest. In Hikashop I have the setting as shown in attached graphics of the Login Registration back end as well as a front end.

The Macys login page which is the first you arrive at is really good. Under Guest it mentions that the user has the option to register. Can I do this in Hikashop?

I have tried as you can see in the attachment but I get an error message. The radio button option is also not required - Macys is a much better way of doing it so how to do this?

Attachments:
Last edit: 11 years 1 month ago by Huski.

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

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

Hi,

This will require some views overrides.
First of all, you have to select the option "all in one page" and enable the "login" option in Configuration > Checkout, by this way it will display the registration form on the left as you want and the form to purchase as a guest on the right.

If you want to display a button instead of the form for guest, it's here that you have to do some views overrides.
And, for example, hide the guest form, add the html code for the button, and some javascript on this button to hide the button and display the form.

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

  • Posts: 301
  • Thank you received: 1
11 years 1 month ago #154564

Thanks Xavier - I am trying this in my new Joomla 3 version of the site as I wanted a fully responsive site.

I have done what you have said and have "All on one page" enabled as well as the Login option, plus I have the "guest" option enabled as well.

I don't have enough knowledge to do anything with javascript but I can do a little CSS. I am finding that when I have the login part (showing on the left) and the Guest part showing on the right that it does not fit within the container of the page it is on and part of the form is flowing across onto some side modules.

The main container for the checkout process for STep 1 (which is login for my site)
<div id="hikashop_checkout_page" class="hikashop_checkout_page hikashop_checkout_page_step1"

When I use firefox inspector it shows the container in the correct position.
But the part where the Guest is showing here
<div id="hikashop_checkout_login_right_part" class="hikashop_checkout_login_right_part span8"
is the part where the form and text is flowing outside the main hikashop_checkout_page container

Its like the hikashop container page is not containing everything.

The other issue is if I view the shop on a smaller screen like an ipad or tablet, it looks even worse.
I have bootstrap setting in configuration enabled.

See photo attached of what it looks like on PC screen, ipad and iphone.


I also notice that when the bootstrap opton is set to enabled that when I get to the Australia Post shipping section, there are no radio buttons - you have to click on the header option. Is there a setting to get this back - I can't find it if there is. Customers won't know they have to click on the name "Australia Post Standard" or Australia Post Express to choose the option. Not very friendly.
And the radio buttons are missing on the payments page as well - nothing to click to select Paypal or Direct transfer thats obvious to the customer. How is this fixed?

Hope I am making sense

Attachments:

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

  • Posts: 441
  • Thank you received: 24
11 years 1 month ago #154585

If i set all in one page i cant select both register and guest

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

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

Hi,

I think that your template has properties which are overriding ours.
That's why the display is not correct, so you will have to make some CSS adjustments.

Regarding the radio buttons, you have to edit the view "checkout / shipping" and change the if conditions on "HIKASHOP_RESPONSIVE". For the payment, it's the same thing, but the view to edit is "checkout / payment".

hikashop.com/support/documentation/153-c...ize-the-display.html

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

  • Posts: 441
  • Thank you received: 24
11 years 4 weeks ago #155129

Sorry i did not know if the answer was for me or not, so i´ll ask it again, the use of the guest buyer can only be done using the switcher? because in the normal view i cant select both options just one of them. in the swicher the inputs are check list and in the other just radial

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

  • Posts: 13201
  • Thank you received: 2322
11 years 4 weeks ago #155132

Hi,

The difference between switcher enabled or not, is that when it's enabled you can have different type of registration, while without the switcher, you force only one type of registration.

But you can force the guest registration.

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

  • Posts: 441
  • Thank you received: 24
11 years 4 weeks ago #155203

So if i want to have the three displayed without swithcer is not possible right?

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

  • Posts: 83933
  • Thank you received: 13588
  • MODERATOR
11 years 4 weeks ago #155219

You can have the login displayed by a Joomla module instead of HikaShop and thus have only the switcher for both guest/registration modes. But yes, you need the switcher.

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

Time to create page: 0.101 seconds
Powered by Kunena Forum