Automattic / wc-calypso-bridge

20 stars 4 forks source link

wc-admin support #462

Closed timmyc closed 4 years ago

timmyc commented 5 years ago

Blocked by #461

One goal of working on the ecommerce plan is to pave the way for bringing wc-admin to all e-comm plan customers. While the plugin currently isn't working as noted in the issue above, it seems there are a few things that need to be addressed once that blocker is out of the way:

psealock commented 5 years ago

What to do about the navigation bar and activity panels. Do we disable them on the ecomm plan as there is redundant breadcrumbs/screen titles. Perhaps we keep the activity panels still?

For reference, here are both nav bars revealed with some inline CSS. Since the eComm breadcrumbs are incorrect, we should use wc-admin's. It would be a shame to remove functionality for those paying for the eCommerce plan.

Screen Shot 2019-07-22 at 1 14 07 PM

timmyc commented 5 years ago

@jameskoster do you have any input / thoughts on how we should handle the wc-admin nav bar in the ecomm plan?

rrennick commented 5 years ago

This script works to copy the breadcrumbs to Calypso for most instances

jQuery(document).ready(function($){
    $('#wpwrap').click(function(){
        wc_breadcrumbs = $('.woocommerce-layout__header-breadcrumbs').children();
        cb_crumb_wrap  = $( '.action-header__breadcrumbs' );

        if ( ! wc_breadcrumbs ) {
            return;
        }

        cb_crumb_wrap.children().remove();
        wc_breadcrumbs.clone().appendTo( cb_crumb_wrap );
    });
});

Opinions on pursuing a jQuery solution for the breadcrumbs and making the activity panel header visible?

rrennick commented 5 years ago

For reference, here are both nav bars revealed with some inline CSS.

@psealock Do you want to do a PR to make the activity panel visible but keep the breadcrumbs hidden?

psealock commented 5 years ago

@psealock Do you want to do a PR to make the activity panel visible but keep the breadcrumbs hidden?

I like what you did in #481 to use wc-admin breadcrumbs. This makes sense, otherwise the breadcrumbs stay on WooCommerce / Dashboard when looking at any wc-admin page.

I haven't had the chance to tinker around, but would it be possible to do something similar with Activity Panels? At that point, maybe it would be easier to absolutely position the entire wc-admin header and hide Calypso's?

jameskoster commented 5 years ago

@jameskoster do you have any input / thoughts on how we should handle the wc-admin nav bar in the ecomm plan?

Not without doing a deep dive on the design I'm afraid.

For now, I think an acceptable solution would be to simply hide the Calypso site icon / breadcrumb bar. Since the crumbs aren't correct it's mostly redundant in this context. We'd lose the link to view the frontend though, so we should consider adding that as a menu item beneath the "Manage site" back link. We could include the site icon as the icon in that menu item.

rrennick commented 5 years ago

At that point, maybe it would be easier to absolutely position the entire wc-admin header and hide Calypso's?

If we do this we lose the link to the front end and the action buttons on the WC pages (new product, etc.)

I haven't had the chance to tinker around, but would it be possible to do something similar with Activity Panels?

We would need to move the action buttons. Once we start moving things around then we need to ensure it works on mobile.

timmyc commented 5 years ago

If we do this we lose the link to the front end and the action buttons on the WC pages (new product, etc.)

Exactly that is kind of my concern with wholesale replacing the current Calypsoify bar with the wc-admin one. We would have to revisit / remove the moving of action buttons to the header bar area.

My .02 for right now, because I think this topic needs some more design exploration, and input from product too, is to disable the wc-admin nav bar and activity panels on the ecomm plan. Then when it comes time to roll it out to all ecomm plan users, we can dedicate some more design time / dev time to this process.

but /cc @psealock @pmcpinto @dreiris for any more thoughts.

psealock commented 5 years ago

Then when it comes time to roll it out to all ecomm plan users, we can dedicate some more design time / dev time to this process.

Are you referring to rolling out the HACK week changes in a deploy?

timmyc commented 5 years ago

Are you referring to rolling out the HACK week changes in a deploy?

No I'm referring to when we want to roll out features of wc-admin to all ecomm plan users. Like if we want to test out the new setup checklist there.

pmcpinto commented 5 years ago

disable the wc-admin nav bar and activity panels on the ecomm plan.

As for now I think that this might be the best option. Also, judging by the Calypso Activate plugin event tracking, my assumption is that the # of ecommerce plan users with the new WC Admin installed is fairly minimal.

PS: That graph only shows the top plugins, but I have the csv with all the plugins stats.

timmyc commented 5 years ago

@rrennick based on @pmcpinto 's comment - thinking we can use the feature flag filter and turn off activity-panels in calypso-bridge. Guessing we might need a bit of css too to display:none any remnants.

justinshreve commented 4 years ago

Just wanted to follow-up here and point out that there are still some issues with the activity bar for me:

Screen Shot 2019-12-04 at 10 48 45 AM

Edit: Never mind, I had things in some weird half setup state. The panel is hidden for me.

pmcpinto commented 4 years ago

@timmyc can I close this issue?

timmyc commented 4 years ago

Indeed!