Our Shopify App BlockLoads Website AppSections Website

Amplitude

How to Adjust Triggered Animations in AppSections Brand Style

The "Triggered Animations" setting in the AppSections Brand Style allows you to control the amplitude of animations applied to various elements. This setting provides flexibility in defining the power of the animation in terms of movement, enhancing the overall visual appeal and interactivity of your components. Here is how you can adjust the amplitude for triggered animations:

Triggered Animations Amplitude

  • Purpose: This setting allows you to control the power of the animation in terms of movement.

  • Usage: Use the range selector to set the amplitude of the animation from 2% to 200%.

Steps to Adjust Triggered Animations Amplitude

  1. Select the Brand Style:

    • Open your Shopify theme editor.

    • Navigate to the Brand Style settings.

  2. Locate the Triggered Animations Amplitude Setting:

    • In the Brand Style settings, find the Triggered Animations (Amplitude) option.

  3. Adjust Animation Amplitude:

    • Use the range selector to set the amplitude between 2% and 200%.

    • Move the slider to adjust the power of the animation to the desired level.

Ensuring the Right Animation

  1. Preview Changes:

    • After adjusting the animation amplitude, preview your store to see how the changes look.

    • Check various elements to ensure the animations are applied consistently and enhance the visual appeal.

  2. Check Consistency:

    • Ensure that the animation effects align with your brand’s aesthetic and provide a smooth user experience across both desktop and mobile devices.

  3. Test Across Devices:

    • Verify the animations on different devices to ensure they work well and maintain visual appeal on all screen sizes.

Summary

By using the "Triggered Animations (Amplitude)" setting, you can control the power of animations in terms of movement on various elements in your Shopify store. This flexibility allows you to enhance the visual appeal and interactivity of your components, ensuring a dynamic and engaging user experience across all devices.

If you have any questions or need further assistance, please contact our customer support team.

Last updated