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

[Apps] Animate on scroll #2514

Merged
merged 1 commit into from
Apr 12, 2023
Merged

[Apps] Animate on scroll #2514

merged 1 commit into from
Apr 12, 2023

Conversation

kjellr
Copy link
Contributor

@kjellr kjellr commented Apr 11, 2023

PR Summary:

Why are these changes introduced?

Closes #2513

Visual impact on existing themes

Will animate the apps section when Reveal sections on scroll is enabled. Animation applies to the wrapper, so it will effect all blocks within that section at once (I think this is fine for now).

apps.mp4

Testing steps/scenarios

  1. Visit the demo store.
  2. Add an Apps section.
  3. Add an app block.
  4. Activate Animate on Scroll from within Theme Settings > Animation
  5. Observe that the Apps section animates in.

Demo links

Checklist

@kjellr kjellr added Category: Enhancement New feature or request motion labels Apr 11, 2023
@kjellr kjellr self-assigned this Apr 11, 2023
@kjellr kjellr changed the title Animate Apps section on scroll [Apps] Animate on scroll Apr 11, 2023
@@ -1,4 +1,4 @@
<div class="{% if section.settings.include_margins %}page-width{% endif %}">
<div class="{% if section.settings.include_margins %}page-width{% endif %}{% if settings.animations_reveal_on_scroll %} scroll-trigger animate--slide-in{% endif %}">
Copy link
Contributor

Choose a reason for hiding this comment

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

I guess some apps could be about adding image banners or images in general that could use a fade in instead of slide in animation. But I don't think we need to add a setting to the section at this point. We can see if it over comes up through our support channel as a request 👍

@kjellr kjellr merged commit 9631ef7 into main Apr 12, 2023
@kjellr kjellr deleted the animate-apps-block branch April 12, 2023 12:41
phapsidesGT pushed a commit to Gravytrain-UK/gt-shopify-dawn-theme that referenced this pull request Sep 3, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Category: Enhancement New feature or request
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[Apps Section] Add fade-in on scroll
3 participants