uicore

You are right, we did not add the documentation link here in the plugin description.
Here it is if you consider at any point trying it again https://help.uicore.co/docs/uicore-animate/overview

• This reply was modified 2 months, 2 weeks ago by uicore.

I’m really glad I could help!
If you’re enjoying UiCore Blocks, we’d truly appreciate it if you could take a moment to leave us a rating. Your feedback means a lot to our team.

You’re also welcome to join our Facebook community to stay updated and connect with other creators:
https://www.facebook.com/groups/wpcreatorsbyuicore/

Hey! Thanks for flagging this—and sorry we’re only getting back now.
This happened because your site was on PHP 7.4 and we briefly used a PHP 8–only feature. We’ve already shipped an update to UiCore Blocks that fixes it—please update the plugin when you can.

For smoother performance and security, we also recommend upgrading your server to PHP 8+. If anything still feels off after updating, drop us a note and we’ll jump in.

If we won’t be able to find a workaround for it soon, I hope that Elementor adjusts some of its code to allow for a better approach while this feature exits the experimental phase.
If not we will have to trade the frontend assets optimisation that we’ve done for they’re optimization.

For now, I don’t believe this is a blocker for you, as you can disable it on your end using the code I’ve provided. This will, however, come with the trade-off of losing some features, which I suspect you may not be utilizing at the moment.

I appreciate your understanding.
Feel free to reach out if you need future assistance; we will do our best to help you!

You can use this filter as a temporary solution if you decide to keep using our plugin but you really want to activate the experiment.
PS: be aware that some functionalities won’t work anymore

add_filter('elementor/experiments/default-features-registered', function ($manager) {

            // Check if the object is an instance of the Manager class
            if ($manager instanceof \Elementor\Core\Experiments\Manager) {

                // Get the private property 'features' using reflection
                $reflection = new \ReflectionClass($manager);
                $property = $reflection->getProperty('features');
                $property->setAccessible(true);
                $features = $property->getValue($manager);

                // Set the state of the desired experiment
                if (isset($features['e_optimized_control_loading'])) {
                    $features['e_optimized_control_loading']['state'] = 'active';
                    $property->setValue($manager, $features);
                }
            }

            return $manager;
        },15);

Hi @jaydenbtc,

I wanted to follow up and check if you’re still using the plugin and if the issue you experienced with animations has been resolved. Since your review, we’ve released several updates, and the plugin is now at version 2.0 with significant improvements and fixes.

If you’ve had a chance to update and everything is working smoothly now, we’d greatly appreciate it if you could revisit your review. If you’re still encountering any issues, please let us know—we’re happy to help resolve them quickly.

Thank you again for your feedback and for giving us the opportunity to improve!

Thanks for the details.
The isue here is because of the gradient. The css technique used does not work on split text because in order to animate each letter it needs to wrap them in a spam element also. This is disrupting the css code for gardient since the background clip you;ve used in you custom code only works if text is directly inide of it, eg:My <spanclass='gradient'>text</span

With split text is transformed to this: <span>M</span><span>y</span> <span class='gradient'><span>t</span><span>e</span><span>x</span><span>t</span>
There isn’t something we can do about it to help you achieve your desired result since this a CSS limitation.
The maximum you can do here is to change your CSS code to .gardient * {....}
but this will not be the exact same thing.

Anyway, I’ve took the challenge and tried to do a custom js to do some workaround for your custom code. The code calculate the actual gardient word size and it tries to figure out what art of the gardient shud be added on each letter and apply some extra CSS to adjust it.

document.addEventListener('DOMContentLoaded', function() {
    let offset = 0;

    document.querySelectorAll('.ui-split-animate .gradient-text .char ').forEach(function(char, i) {
        const gradientEl = char.closest('.gradient-text');

        char.style.backgroundSize = gradientEl.offsetWidth + 'px 100%';

        offset += char.previousElementSibling?.offsetWidth || 0;

        char.style.backgroundPosition = (gradientEl.offsetWidth - offset) + 'px 0%';
    });
});

as an extra you will ned to change your CSS selector for you custom code to this .gradient-text, .gradient-text .char

PS: the fix works only in frontend or on the first load of editor.

Hope this help!
Have a great day!

Hello,

Can you please give us more information about what did happen after update? There was a know issue with one of our previous release but was already fixed so make sure you are using the latest version.

Even if this is a free plugin we are wiling to offer premium quality support so if there are some specific details that you don’t want to share here you can email one of our team member to get help with your issue at [email protected]

Thank you!