Jump to content

Welcome, Guest!

By registering with us, you'll be able to discuss, share and private message with other members of our community.

toplakd

OPC Tabs for Login/New Account

Recommended Posts

Again I have played little with tabs, this time in OPC Login/New account.

yourtheme/js/order-opc.js needs to be modified if you wish that data from login form refreshes the customer login information in top navbar as that data is not refreshed by default with use of community theme OPC login form. Last line ".... // add this line to reload header with user info" should be added arround line 70 and arround line 200.

arround line 70
		// update token
            static_token = jsonData.token;
            updateNewAccountToAddressBlock(that.attr('data-adv-api'));
            $('#header-navbar-right-nav').load(' #header-navbar-right-nav > *');  // add this line to reload header with user info when login

arround line 200
            // force to refresh carrier list
            if (isGuest) {
              isLogged = 1;
              $('#opc_account_saved').fadeIn('slow');
              $('#submitAccount').hide();
              updateAddressSelection(advApiParam);
            } else
              updateNewAccountToAddressBlock(advApiParam);
              $('#header-navbar-right-nav').load(' #header-navbar-right-nav > *');  // add this line to reload header with user info when new account

Upload the file into your theme folder, and change the link to it in order-opc.tpl or rename it to order-opc-new-account.tpl and remove original.

 

1732979348_Screenshot_2019-02-11Order-MyStore.thumb.png.c951ccfe71b3faa9bf92b9642823b02f.png

order-opc-new-account-tab.tpl

Edited by toplakd
  • Like 1

Share this post


Link to post
Share on other sites

Nice!

Wondering how it would fit with my mod

 

I must find time to do some tb testing....

  • Like 1

Share this post


Link to post
Share on other sites

The product section is quite nice. I like the product name and price on as the header. I miss the total product quantity.

One thing I am considering on adding to my mod is to hide the content (not the title) of step 2 and 3 until the user login or sign up. Eg I find the "No carrier available confusing"

Share this post


Link to post
Share on other sites

Have left the work on OPC due to advanced payment issues on OPC.

So decided I will stay with 5 step checkout and minimize it to aka 3 step, so I'm working on this now.

Cart summary on payment page does not have option to change quantity, as this brings out issue with carrier over range and advanced payment,

which resoults with 0 shipping price if carrier is over range and payment can be completed without charged shipping.

Screenshot_2019-02-15 Order - My Store.png

Edited by toplakd

Share this post


Link to post
Share on other sites

What problems did you get with opc. Is there a bug or something else?

Meanwhile I tried to hide the carrier section by adding under your code 

$('#order_carrier_content, #order_carrier_content').hide();

(where order_carrier_content is the carrier section) but it doesn't work

I must be missing something....

 

Share this post


Link to post
Share on other sites

Problem is only with advanced payment once carrier is out of range.

Once carrier is out of range, there is no shipping price but payment buttons work and one can proceed with order confirmation without any shipping.

One can not unload payment method or payment button and load it back once shipping range is within limits, as when reloading the event is lost on payment method and payment button.

So once event is lost, payment cant be selected and payment button does not work.

One can unload tos checkbox as its not connected to event.

Hiding with css is possible,  but this is not secure way to disable order payment process if carrier is out of range.

As said, this issue is only with advanced payment methods (AEUC).

Edited by toplakd

Share this post


Link to post
Share on other sites

Following this very nice and interesting idea for a while,  thank you and congratulations to this work  :)   Such things will bring the community forward.

I wonder if this also works with a 3rd party Theme?  At the moment i did not have a test installation to try,  but what do you think? Will this work only with the original community Theme? 

thank you for a statement

Share this post


Link to post
Share on other sites

It all depends how theme was modified regarding the baselines from standard theme.

I know that on my own theme, nothing installs perfectly as I went way out of regular path.

Some screens of my mobile view of modded community theme.

Stil work in progress, so not yet in live shop.

That's Galaxy S5 360x640px view.

Navigation Header is fixed and takes 55px of visible area, so buttons are always in reach of the finger.

And Fancybox V3 is used for the pictures view as it alows finger sliding.

3.thumb.png.65f7d4395573b5942cce469c723f56de.png1.thumb.png.9bb69ef405dc52d3191106c31ef2b538.png2.thumb.png.452f2a610e2a42cc52c0d3d8a8e033ae.png4.thumb.png.8033951ddeef49db41fb89b567c1a928.png5.thumb.png.9a9472e266a16f1669e74a2ced51d7f2.png6.thumb.png.d5c324ded2bec8da556baa7704c623d2.png

Edited by toplakd
  • Like 1

Share this post


Link to post
Share on other sites

Slowly getting to finish.

Community-theme-default, with some adjustments.

This is how my work in progress product page looks on iphone 6/7/8

Home button 1st, 2nd button is for categories and search, Cart button is cart, and big guy button opens login/language/cms pages

 

1307741420_Screenshot_2019-02-20ReeperCarbonSET-ALZA-Racing.thumb.png.932c25c13c13fadbcf23b98d5d3901c1.png

  • Like 1

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×