Phoca Carousel Module - problems with animation (animate.css) and in block css

Phoca modules - support for all Phoca modules except Phoca Gallery modules
User avatar
dmlwebal
Phoca Professional
Phoca Professional
Posts: 220
Joined: 18 Sep 2019, 12:49

Phoca Carousel Module - problems with animation (animate.css) and in block css

Post by dmlwebal » 30 Jan 2021, 15:30

Joomla 3.9.23 (will update to 3.9.24 when live)
PHP 7.4.13
Gantry 5.4.36
Helium (custom yaml) 5.4.37
Phoca Cart 3.5.4
Phoca Carousel Module
Joomlead 2.1.4 Particles
UIKIT 3 Atom
Phoca Upgrade (jQuery 3.5.1)

Hi

I've got a site here under development: https://webdev.sites.k-hosting.co.uk/

I set up a simple background for the Phoca Carousel Module (the Phoca Carousel Particle only really works with Phoca Premiere) but the animate 3.6.0 css calls seem to be corrupted.
Also, the css I add to the blocks is ignored, as a result, there is no Title, Button or Images displayed in the slides.

So, currently I have one slide with a static background which displays ok, but foreground info is not showing AND animate.css calls for Images are not displaying properly.

For example, I have set up one slide with a bounceInDown foreground image, but it just slides quickly from top to bottom and out of view. Other animate.css calls don't seem to do work at all!

I have attached the module parameters in case I have missed something

Unfortunately, I have left this part almost to the last as the client wanted new slides for which I have only just been given files!

Any chance that someone knows what may be the cause?


Regards
David

https://ibb.co/xmhX6bj
https://ibb.co/Kh2Gn2g

Tags:

User avatar
Jan
Phoca Hero
Phoca Hero
Posts: 44090
Joined: 10 Nov 2007, 18:23
Location: Czech Republic
Contact:

Re: Phoca Carousel Module - problems with animation (animate.css) and in block css

Post by Jan » 31 Jan 2021, 21:39

Hi, I get login page on that website.

Jan
If you find Phoca extensions useful, please support the project

User avatar
dmlwebal
Phoca Professional
Phoca Professional
Posts: 220
Joined: 18 Sep 2019, 12:49

Re: Phoca Carousel Module - problems with animation (animate.css) and in block css

Post by dmlwebal » 31 Jan 2021, 21:39

Sorry Jan, I will turn it back on!

DONE- site is live again

User avatar
Jan
Phoca Hero
Phoca Hero
Posts: 44090
Joined: 10 Nov 2007, 18:23
Location: Czech Republic
Contact:

Re: Phoca Carousel Module - problems with animation (animate.css) and in block css

Post by Jan » 31 Jan 2021, 23:56

Hi, try to use the examples listed here for test:

https://www.phoca.cz/documents/137-phoc ... d-examples

and let me know if you get same or similar problems :idea:

Jan
If you find Phoca extensions useful, please support the project

User avatar
dmlwebal
Phoca Professional
Phoca Professional
Posts: 220
Joined: 18 Sep 2019, 12:49

Re: Phoca Carousel Module - problems with animation (animate.css) and in block css

Post by dmlwebal » 01 Feb 2021, 00:36

Ah yes, forgot about those. Ok, will try them tomorrow morning :)

User avatar
Jan
Phoca Hero
Phoca Hero
Posts: 44090
Joined: 10 Nov 2007, 18:23
Location: Czech Republic
Contact:

Re: Phoca Carousel Module - problems with animation (animate.css) and in block css

Post by Jan » 01 Feb 2021, 01:15

Ok
If you find Phoca extensions useful, please support the project

User avatar
dmlwebal
Phoca Professional
Phoca Professional
Posts: 220
Joined: 18 Sep 2019, 12:49

Re: Phoca Carousel Module - problems with animation (animate.css) and in block css

Post by dmlwebal » 01 Feb 2021, 11:35

Yup! Perfect.
I was treating the module in the same way as the Particle. With full CSS the slides work perfectly.

Outstanding
Thanks Jan

David

User avatar
Jan
Phoca Hero
Phoca Hero
Posts: 44090
Joined: 10 Nov 2007, 18:23
Location: Czech Republic
Contact:

Re: Phoca Carousel Module - problems with animation (animate.css) and in block css

Post by Jan » 02 Feb 2021, 16:47

Ok
If you find Phoca extensions useful, please support the project

Post Reply