Archived topic

Adding Simple Animations

9 replies · Started by Lina on January 4, 2023

Viewing posts 1–10 of 10

January 4, 2023 at 6:27 am #2483366

So I've installed sal js, following the instructions from George at https://www.gmitropapas.com/generatepress-tips-and-tricks/generateblocks/scrolling-animation-effects-in-generateblocks-pro/

Child theme in place, sal files in place... Nothing. To me it seems like it's not initializing at all, but it could be something I'm doing wrong in Wordpress.

I'm trying to start by animating a simple heading, using these attributes: https://ibb.co/cXbwmMk
I also tried using the attributes on an entire container, to see if that was the problem, but still, nothing.

Can anyone tell what I'm doing wrong here? Am I not using the attributes correctly in Wordpress? I'm stumped.

January 4, 2023 at 8:20 am #2483625

Hi there,

i do not see the the script files being loaded. How did you add the functions and scripts to the site ?

January 4, 2023 at 9:02 am #2483669

Here are photos of my site directory, David. I uploaded the files manually through the file manager. As far as I can tell, everything is in place, but something must be missing.

January 4, 2023 at 5:26 pm #2484052

Hi Lina,

To clarify, have you added this function in functions.php as instructed in the link you provided?:

function gm_enqueue_sal_scripts() {
    wp_enqueue_style( 'sal', get_stylesheet_directory_uri() . '/sal/sal.css' );
    wp_enqueue_script( 'sal', get_stylesheet_directory_uri() . '/sal/sal.js' );
    wp_enqueue_script( 'sal-init', get_stylesheet_directory_uri() . '/sal/sal-init.js', null, null, true );
}
add_action( 'wp_enqueue_scripts', 'gm_enqueue_sal_scripts' );

January 5, 2023 at 5:24 am #2484534

Hi, Fernando. Yes. Definitely. https://imgur.com/VD2BgRM

January 5, 2023 at 5:51 am #2484558

Is the Child Theme the active theme ?

January 5, 2023 at 6:27 am #2484595

Ahhhh! No, it wasn't. I activated it, but now the heading that I'm testing my first animation on just doesn't appear.
Can the custom attributes be applied to a heading block, or can they only be applied to a Container block?

These are the custom attributes I'm using, just as in George's tutorial. https://imgur.com/a/Lc1OGvQ

January 5, 2023 at 5:09 pm #2485280

Assuming based on the article, it seems that the animation would only work for Containers and not Headline Blocks. Can you try implementing it on a Container and see how it goes?

January 6, 2023 at 5:41 am #2485764

Okay, I did exactly that and what happened next was that the contents of the entire container disappeared, rather than just the contents of the headline.

January 7, 2023 at 4:57 am #2486826

If you right click > inspect the home page to open browser developers tools, in its Console tab there are a few errors.
The first and main issue is the 404 on this resource: .../wp-content/themes/generatepress_child/sal/sal-init.js

Can you make sure that the sal-init.js is in the generatepress_child/sal/ folder

This archived topic is closed to new replies.

Start building better websites today.