Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feature(bctheme): BCTHEME-50 ability to load subcategories and expand them if there are other categories beneath it #1715

Merged
merged 11 commits into from
Jul 16, 2020

Conversation

yurytut1993
Copy link
Contributor

What?

@BC-tymurbiedukhin @junedkazi @golcinho

In Cornerstone we have mobile menu with nested categories if they exist. For now we can not go to the subcategory page if it has its own subcategories (has arrow to dropdown). I have created a wrapper for arrow and replaced data attributes from link on this wrapper. Javascript uses this attributes to open/close nested subcategories.

So now link is responsible for redirect and arrow responsible for open/close nested subcategories. Also I updated icon wrapper styles to stretch it to the end of the row for comfortable toggling nested categories.

Styles wrote carefully and not affecting alternate menu styles (by default in config.json navigation_design option value is simple).

Tickets / Documentation

In Ticket you can see 2 videos (before_menu_links_update and after_menu_links_update) to better understand the result

@bigbot
Copy link

bigbot commented Jul 8, 2020

Autotagging @bigcommerce/storefront-team @davidchin

Copy link
Contributor

@BC-tymurbiedukhin BC-tymurbiedukhin left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Everything is ok, but I suggest to move arrow on the right side of menu, @bc-as what do you think?

@yurytut1993
Copy link
Contributor Author

Everything is ok, but I suggest to move arrow on the right side of menu, @bc-as what do you think?

it will not be a problem

@yurytut1993
Copy link
Contributor Author

Everything is ok, but I suggest to move arrow on the right side of menu, @bc-as what do you think?

@BC-tymurbiedukhin moved arrow to the right. made some code updates for it

Screenshot 2020-07-08 at 18 42 05

golcinho
golcinho previously approved these changes Jul 9, 2020
Copy link

@golcinho golcinho left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM 👍

… them if there are other categories beneath it - mob version ux update
… them if there are other categories beneath it - affecting fixes
… them if there are other categories beneath it (dafault menu mob/desktop fixes)
… them if there are other categories beneath it (alternate menu affects fix)
@yurytut1993
Copy link
Contributor Author

@BC-tymurbiedukhin @bc-as @golcinho

made updates for mobile menu styles that were discussed with designers

Screenshot 2020-07-13 at 12 43 55

@bc-as
Copy link
Contributor

bc-as commented Jul 13, 2020

@yurytut1993 lgtm

@BC-tymurbiedukhin BC-tymurbiedukhin merged commit 8659aa1 into bigcommerce:master Jul 16, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

5 participants