-
Notifications
You must be signed in to change notification settings - Fork 3.6k
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
Animate featured product and product info #2405
Conversation
Thanks, @metamoni! Just a few UX notes on this one. Let's adjust so that:
|
f1b3aef
to
bf15f4b
Compare
bf15f4b
to
da3ed3d
Compare
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
This looks great! Nice work. 🌟
4112234
to
9ed5af0
Compare
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
quick question. everything else looking good so far :D
e755352
to
5fc448a
Compare
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Thank you Monica! I found 2 little things:
- When the setting
Enable sticky content on desktop
is unchecked, the behavior is different, the content doesn't slide in anymore. (Video reference) - When navigating a product with 3D models, the delay until the media displays is longer than usual. (Video reference)
87853d2
to
1e5eaae
Compare
b4c2dc1
to
f832fc8
Compare
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
This works nicely in my testing!
5a65315
to
5fd1819
Compare
5fd1819
to
0a3727d
Compare
Just noting that this branch will have a known bug when merged in (video below). A fix is being worked on by @ludoboludo in this PR. bug.mp4 |
0a3727d
to
cc0d5cc
Compare
cc0d5cc
to
5626ddb
Compare
* add animation to Image banner and Image with text
Co-authored-by: Lucas Lacerda <37168033+LucasLacerdaUX@users.noreply.github.com>
5626ddb
to
268db75
Compare
animate Featured Product and Product Information
PR Summary:
Adds fade in on scroll to the following areas
Why are these changes introduced?
Fixes #2390
What approach did you take?
Replicated animations from the original prototype
Visual impact on existing themes
Will animate product info and featured product on scroll, when
Reveal sections on scroll
is enabledfeatured-product-prod-info.mp4
Testing steps/scenarios
Reveal sections on scroll
underAnimations
in Theme settingsDemo links
Checklist