Animation in global block

[freekfish]

Hi Guys i have a global block which is within a modal, i want to have the animation in the global block fire only when the modal is opened so the user can see the animation, so when they click on the modal toggle to open the modal then the animation in the global block fires. can you help me with this?

[lely]

Hi Richard,

Would you mind sharing the page URL with this? We can check your setup but we can’t promise it would be an easy fix. This might be outside the scope of our support but we can confirm once we check the page. Usually, animation or content using jquery is not recommended on an element that is not shown by default, like tabs element or in this case a modal.

[freekfish]

the staging site is http://tso.studio44developer.com.au/
if you click the menu burger, the off page modal has the global block content, the first menu column as a fade in animation on it.
thanks

[ruenel]

Hello Richard,

The fade animation will not work inside a modal content area. You might wanna make use of this custom css:

.x-off-canvas .x-global-block .x-column {
    opacity: 0 !important;
    transition: opacity 0.5s ease;
}

.x-off-canvas.x-active .x-global-block .x-column {
    opacity: 1 !important;
}

This code may only work for the first load of the modal content.

Please note that custom coding is outside the scope of our support. Issues that might arise from the use of custom code and further enhancements should be directed to a third party developer.

Regards.