Triggered Animation

How to Adjust Triggered Animations in AppSections

The "Triggered Animations" setting in AppSections allows you to control the triggered animations applied to blocks and groups. This setting provides flexibility in enhancing the interactivity and visual appeal of your elements by applying predefined animations from the active brand style. Here is how you can adjust the triggered animations:

Triggered Animations

Purpose: This setting allows you to select a predefined triggered animation for blocks and groups based on the active brand style.

Usage: Select from three options to set the desired triggered animation.

Available Triggered Animation Options

None: No triggered animation is applied.

1: Applies Triggered Animation 1 defined in the active brand style for this type of block or group.

2: Applies Triggered Animation 2 defined in the active brand style for this type of block or group.

Steps to Adjust Triggered Animations

1. Select the Block/Group:

   • Open your Shopify theme editor.

   • Navigate to the specific block or group where you want to apply the triggered animation.

2. Locate the Triggered Animations Setting:

   • In the settings for the block or group, find the Triggered Animations option.

3. Select Triggered Animation:

   • Choose one of the three options based on your design preferences and the definitions in the active brand style:

     • None: No triggered animation.

     • 1: Applies Triggered Animation 1 as defined in the active brand style.

     • 2: Applies Triggered Animation 2 as defined in the active brand style.

Ensuring the Right Triggered Animation Application

1. Preview Changes:

   • After selecting a triggered animation, preview your store to see how the changes look.

   • Check the block or group to ensure the triggered animation setting is applied correctly and enhances the interactivity.

2. Check Consistency:

   • Ensure that the triggered animation setting aligns with your brand’s aesthetic and provides a cohesive look across both desktop and mobile devices.

3. Test Across Devices:

   • Verify the triggered animation setting on different devices to ensure it looks good and maintains functionality on all screen sizes.

Summary

By using the "Triggered Animations" setting in AppSections, you can apply predefined triggered animations to your blocks and groups in your Shopify store. This flexibility allows you to enhance the interactivity and visual appeal of your elements, ensuring a dynamic and engaging user experience across all devices. Adjusting the triggered animations 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.