Public Forums 71,145 posts

[romolo Friend romoloJoin date: August 2012Posts: 585Downloads:97Uploads:37 Thanks: 79 Thanked: 23 times in 11 posts]

#1088302

Hi,

We’re trying to create an animated balloon effect when people land on the website.

We’ve setup a custom module with balloons (image) and applied some CSS3 animation to the module… However we’re not sure which position to put the module in so it appears on the JA Builder pages?

Please advise asap.

Thanks

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1088380

Hi,

You can add the ‘debug’ position into JA Builder template, just open the file: root/templates/ja_builder/index.php

Add this line of code before the closing body tag:

<jdoc:include type="modules" name="debug" style="none" />

http://prntscr.com/i57i3o

Then you assign that module to this ‘debug’ position.

In case that you don’t want to use this position, you can add a ‘Spotlight’ block of JA Builder to page and load your desired module via this spotlight.

Regards

[romolo Friend romoloJoin date: August 2012Posts: 585Downloads:97Uploads:37 Thanks: 79 Thanked: 23 times in 11 posts]

#1088490

This reply has been marked as private.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1088566

Hi,

As I can see that the balloons are displays above the slideshow when they rolls up now, could you share screenshots of how you want it should be?

[romolo Friend romoloJoin date: August 2012Posts: 585Downloads:97Uploads:37 Thanks: 79 Thanked: 23 times in 11 posts]

#1088620

This reply has been marked as private.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1088625

It seems happen in Chrome only, I updated the z-index for spotlight block in the custom code section, kindly check it now.

[romolo Friend romoloJoin date: August 2012Posts: 585Downloads:97Uploads:37 Thanks: 79 Thanked: 23 times in 11 posts]

#1088629

This reply has been marked as private.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1088631

Could you try to assign this module to the ‘debug’ position as I suggested above? I think it’ll be simple.

[romolo Friend romoloJoin date: August 2012Posts: 585Downloads:97Uploads:37 Thanks: 79 Thanked: 23 times in 11 posts]

#1088905

This reply has been marked as private.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1089060

Hi,

I set the height for the balloons module and it looks fine now.

.custom.balloons {
    height: 0px !important;
}

Kindly check.

Regards

[Author]

Posts