Amplitude
How to Adjust Animation Amplitude in AppSections Brand Style
The "Amplitude" setting in the Brand Style of AppSections allows you to control the intensity of the appear animations. This setting provides flexibility in defining how pronounced the animation effects are, enhancing the visual dynamics of your elements. Here is how you can adjust the amplitude of appear animations:
Amplitude
Purpose: This setting allows you to define the intensity of the appear animations, making them more or less pronounced.
Usage: Use the range selector to set the desired amplitude from 2% to 200%.
Steps to Adjust Animation Amplitude
Select the Brand Style:
Open your Shopify theme editor.
Navigate to the Brand Style settings.
Locate the Amplitude Setting:
In the Brand Style settings, find the Amplitude option.
Adjust Amplitude:
Use the range selector to set the amplitude of the appear animations between 2% and 200%:
2%: Minimal amplitude, very subtle animation.
100%: Standard amplitude, default intensity.
200%: Maximum amplitude, very pronounced animation.
Ensuring the Right Amplitude Application
Preview Changes:
After adjusting the amplitude, preview your store to see how the changes look.
Check various elements to ensure the animation amplitude is applied correctly and enhances the visual dynamics.
Check Consistency:
Ensure that the amplitude setting aligns with your brand’s aesthetic and provides a cohesive look across both desktop and mobile devices.
Test Across Devices:
Verify the amplitude setting on different devices to ensure it looks good and maintains functionality on all screen sizes.
Summary
By using the "Amplitude" setting in the Brand Style of AppSections, you can control the intensity of the appear animations in your Shopify store. This flexibility allows you to enhance the visual impact of your elements, ensuring a dynamic and engaging user experience across all devices. Adjusting the animation amplitude helps create visually appealing effects and improves the overall design consistency.
If you have any questions or need further assistance, please contact our customer support team.
Last updated