Trigger

How to Adjust Triggered Animations in AppSections Brand Style

The "Triggered Animations" setting in the AppSections Brand Style allows you to control the animations applied to various elements and their triggers. This setting provides flexibility in defining how and when animations are activated, enhancing the visual appeal and interactivity of your components. Here are the available options and how to adjust the triggered animations:

Triggered Animations Trigger Options

Triggered Animations (Trigger):

• Purpose: This setting allows you to choose how animations are triggered on elements.

• Usage: Choose from three options to set the desired trigger for animations.

Triggered Animations Trigger Options

1. Attention: The animation runs continuously without any user interaction.

2. Hover: The animation runs when the user hovers over the element.

3. Click: The animation runs when the user clicks on the element.

Steps to Adjust Triggered Animations Trigger

1. Select the Brand Style:

   • Open your Shopify theme editor.

   • Navigate to the Brand Style settings.

2. Locate the Triggered Animations Setting:

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

3. Select Triggered Animations Trigger Option:

   • Choose one of the three options based on how you want the animation to be triggered:

     • Attention: For animations that run continuously to draw attention.

     • Hover: For animations that run when the user hovers over the element.

     • Click: For animations that run when the user clicks on the element.

Ensuring the Right Animation Trigger

1. Preview Changes:

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

   • Check various elements to ensure the animations are applied and triggered as intended.

2. Check Consistency:

   • Ensure that the animation trigger aligns with your brand’s aesthetic and provides a smooth user experience across both desktop and mobile devices.

3. Test Across Devices:

   • Verify the animation trigger on different devices to ensure it works well and enhances interactivity on all screen sizes.

Summary

By using the "Triggered Animations (Trigger)" setting, you can control how animations are triggered on 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.