Stacked slider effect visible on cornerstone editor but not on the front-end

this is a bit of a continuation of: Visible Stacked sliders

Thanks to your advice i managed to solve the problem and while it shows in the editor (cornerstone), for some reason, it doesn’t work on the front-end. it only happens with the effects of the slider so i wonder if i’m doing something wrong?

i ran a test by sing the same exact effect you have as an example on the site and it doesn’t work with it either, but it does show it working normally in cornerstone.

Are there any steps i should take to check what could be the problem here?

  • I have increased the memory to 128M but also tried with 256M
  • I have flushed the OPCACHE of the server i’m in and even disabled it
  • cleared the system cache on the cornerstone settings

Nothing really worked.

EDIT: i added access to the site in case you need to check it out. the slider is quite distinctive so you shouldn’t miss it (it looks like a polaroid picture of sorts).

Hey @franticape,

Thanks for writing in!

Can you transfer your effects from the Scroll option to the Interaction option instead?

Best Regards.

I had initially tried it and it didn’t work, for some reason it only worked on the “scroll” effect. i changed it back to how i had set it before, just to see if i had done something wrong and the problem is still there.

in case it’s important. the effect is: rotateZ(calc(14deg * var(–x-slide-balance) * var(–x-slide-balance)));

But i tried the example one you offer in the documentation without any result either (i left it set in the “before” slide number 1).

You can test it yourself, don’t worry, i have a snapshot of the site before this support session.

I had a bit more time to experiment here and found out why it needs to be added to the SCROLL and not the interaction and it was quite obvious hehe:

  • Interaction: Hover
  • Scroll: on the slider scroll

furthermore, it looks like the --x-slide-balance property is only available on the scroll effect (which would kind of make sense since a slider will only change its balance value on scroll?) if i add any other regular effect it would show on hover without issues. i’m trying to make sense of what i found here, there’s still something off in that conclusion i took, though since the properties are added in the CSS as well via JS so it shouldn’t matter if you use it on scroll or not.

However i solved the problem by reading the slider and the effects docs for like the tenth time, hehe.

Entrance & Exit – Both set to Fade by deafult, which will produce a simple crossfade effect as you transition from one Slide to the next. If set to Effect, the Slide’s Scroll Effects in the Effects Module for their corresponding state will be used.

i just needed to set the slide container’s options to EFFECT for entrance and exit and problem solved. weirdly when i did that the effect was partially visible in cornerstone while it was instead visible on the front-end :thinking: i suspect there’s a glitch/bug there and if you want you can take a copy of my template so you can reproduce it yourself.

By the way, you have a typo on your documentation as well, as you can see on my quote above (it’s “default” and it’s found in the slider’s element documentation, in the “entrance and exit” section in “Options Controls (Stacked)”)

1 Like

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.