Movement
How to Adjust Movement Amplitude for Parallax in AppSections
The "Movement" setting in AppSections allows you to control the amplitude of the parallax effect for blocks, groups, and sections. This setting provides flexibility in defining the intensity of the movement of background or foreground elements, enhancing the overall visual appeal and interactivity of your components. Here is how you can adjust the movement amplitude for parallax:
Movement Amplitude
Purpose: This setting allows you to adjust the amplitude of the parallax effect.
Usage: Use the range selector to set the desired amplitude from 105% to 200%.
Steps to Adjust Movement Amplitude for Parallax
Select the Block/Group/Section:
Open your Shopify theme editor.
Navigate to the specific block, group, or section where you want to adjust the parallax movement.
Locate the Movement Setting:
In the settings for the block, group, or section, find the Movement option under the parallax settings.
Adjust Movement Amplitude:
Use the range selector to set the movement amplitude between 105% and 200%:
105%: Minimal amplitude, resulting in subtle parallax movement.
200%: Maximum amplitude, resulting in pronounced parallax movement.
Ensuring the Right Movement Amplitude
Preview Changes:
After adjusting the movement amplitude, preview your store to see how the parallax effect looks.
Check the block, group, or section to ensure the movement amplitude is applied correctly and enhances the visual appeal and interactivity.
Check Consistency:
Ensure that the movement amplitude aligns with your brand’s aesthetic and provides a cohesive look across both desktop and mobile devices.
Test Across Devices:
Verify the parallax effect on different devices to ensure it looks good and maintains visual appeal on all screen sizes.
Summary
By using the "Movement" setting in AppSections, you can control the amplitude of the parallax effect for your blocks, groups, and sections 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