Implement new top banner for Sign Up, Login, Search

[stevepessah]

Mockup below includes the following requirements:

• New top grey banner that needs to go on all AKC.org pages (including apps, so this will need to be coordinated).
• A Sign Up and Log In button, which should open the appropriate Gigya screen.
• A Search button next to Log In, which should include the current search functionality (search bar displays when clicked). The triangle that points to the Search button will need to be removed though.
• A new Shop tab

[spaulenoff]

Assign to Shailesh once description is added

[skt2]

Time Spent: 7h(20th Apr) Time Spent: 1h(21st Apr) Time Spent: 1h(22nd Apr)

@kylejbertelsen: do we want this in a way so that is available in common header wrapper as well or just for akc.org site?

[skt2]

@stevepessah: can you please confirm that this changes are only for desktop, we don't want to show top nav on mobile?

[skt2]

@stevepessah @spaulenoff: do we want to implement this on /learn page as well? It's different header and might take more time so if want to get rid of /learn in near future then better not to waste time in this.

[skt2]

New top grey banner that needs to go on all AKC.org pages (including apps, so this will need to be coordinated). -- Can you please explain "including apps"?

[stevepessah]

@skt2 this is something that needs to be coordinated with ISD that @spaulenoff can manage.

We're also phasing out the current /learn section so we don't need to place it on there.

[spaulenoff]

Just sent email to ISD. included @skt2 @stevepessah and @kylejbertelsen

[spaulenoff]

@skt2 Seeing all things except for the shop tab in the navigation. @stevepessah Can you please provide the URL that the Shop Tab should link to? or will this just be added via the CMS?

[stevepessah]

@spaulenoff the link will be added to the CMS once we have the proper URL. We should still be able to add the tab there with a link placeholder.

[spaulenoff]

@skt2 Please make sure Mobile doesn't change from what is currently on production. Otherwise, desktop functionality looks good.

[spaulenoff]

the URL will be akc.org/akc-store/

[aalattili]

@spaulenoff, In Mobile web, sign in banner in develop2 is different than what's in prod site. (Mobile web-Sign in banner.png). Tested on iPhone 6 plus & Samsung Tablet.

[spaulenoff]

@skt2 Please make the change @aalattili outlined above

[aalattili]

QA passed in develop2.

[aalattili]

Stage-ng, Mobile web. 1- Sign in banner is displaying as what's in desktop browsers 2- background isn't white

[skt2]

@aalattili on which device you tested this?

[aalattili]

@skt2 on both iPhone 6 plus & Samsung tablet

[skt2]

@aalattili I pushed fixed for this. you can test on dev2 and stage.

[aalattili]

@skt2, QA retesting passed on both dev2 & stage

[spaulenoff]

Verified on Prod