Preset & Variant

How to Adjust Triggered Animations in AppSections Brand Style

The "Triggered Animations" setting in the AppSections Brand Style allows you to apply various animation presets to elements, along with variants for each preset. This setting provides a wide range of options to enhance the visual appeal and interactivity of your components. Here is how you can adjust the triggered animations:

Triggered Animations Preset Options

• Purpose: This setting allows you to choose from 100 different animation presets for elements.

• Usage: Select the desired animation preset to apply to your elements.

Steps to Adjust Triggered Animations Preset

1. Select the Brand Style:

   • Open your Shopify theme editor.

   • Navigate to the Brand Style settings.

2. Locate the Triggered Animations Preset Setting:

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

3. Select Animation Preset:

   • Choose from 100 different animation presets based on the desired effect you want for your elements.

Triggered Animations Variants

• Purpose: This setting allows you to choose from four different variants for each animation preset.

• Usage: Select the desired variant to customize the animation effect.

Steps to Adjust Triggered Animations Variants

1. Locate the Triggered Animations Variants Setting:

   • After selecting an animation preset, find the Triggered Animations (Variants) option.

2. Select Animation Variant:

   • Choose one of the four available variants to further customize the animation effect:

     • Variant 1: A specific style or behavior for the animation preset.

     • Variant 2: An alternative style or behavior for the animation preset.

     • Variant 3: Another variation to customize the animation preset.

     • Variant 4: A different style or behavior to enhance the animation preset.

Ensuring the Right Animation

1. Preview Changes:

   • After adjusting the animation preset and variant, 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 readability on all screen sizes.

Summary

By using the "Triggered Animations (Preset)" and "Triggered Animations (Variants)" settings, you can control and customize the animations on your 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.