Use plugin scripts on all pages

  • Resolved CDHeumann

    (@cdheumann)


    3 years, 1 month ago

    Hi. Thanks for this great plugin!

    Is it possible to add the scripts and animation styles for the whole website to use the classes in my custom theme and trigger the animations?

    For example in my content.php I write something like 

    <div class="post-thumbnail animated o-anim-ready flipInY">
...
</div>

    It would be great to trigger this animation regardless of the blocks used in the backend.

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Support Vytis

    (@bvytis)

    3 years, 1 month ago

    Hi @cdheumann,

    Thank you for your feedback about the plugin!

    We don’t have documentation to achieve such a custom behavior, everything is possible of course but it might require digging more into re-doing the plugin to work this way.

    Plugin Author Hardeep Asrani

    (@hardeepasrani)

    3 years, 1 month ago

    Hey @cdheumann,

    You can navigate to Settings > Otter, and disable Optimize Animations CSS toggle and it should start working.

    Let us know how it goes.

    Thread Starter CDHeumann

    (@cdheumann)

    3 years, 1 month ago

    Hi @hardeepasrani I don’t have this setting because I don’t have installed the otter Plugin. I only used “Blocks Animation”.

    luciamarinescu

    (@luciamarinescu)

    3 years ago

    Hi @cdheumann!

    Could you please check if the issue is solved if Otter is installed and the Optimize Animations CSS toggle is disabled?

    Thanks!

    Ishko

    (@ishko)

    2 years, 8 months ago

    Hi,

    Once the plugin was installed, I has the same issue using the plugins native classes in my template if no block in Gutenberg in the page has a manually set option value for its animation.

    You can add this in your functions.php :

    add_action( 'wp_enqueue_scripts', 'add_script_to_front' );

function add_script_to_front() {
wp_enqueue_script('otter-animation-frontend', '/wp-content/plugins/blocks-animation/build/animation/frontend.js');
wp_enqueue_style('otter-animation', '/wp-content/plugins/blocks-animation/build/animation/index.css');
}

    Then, the necessary scripts and styles files are always loaded.
    Hope that helps 🙂

    • This reply was modified 2 years, 8 months ago by Ishko.
Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Use plugin scripts on all pages’ is closed to new replies.