Tagged: ,

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • July 19, 2014 at 5:02 am #293238
    watchamacolin

    Hello,

    I have created a page with your guys Advanced Layout Builder and have then copied that HTML from inspecting the elements in Chrome and applied it to a new page. The page functions and looks great but I think it’s missing the Jquery/Javascript needed for the animations to work when the element is scrolled into view on the screen.

    Right now the animations work, but they are all happening as soon as the page loads, not when the element scrolls into view

    Is there a script that enables the animation to work when the element scrolls into view?

    Thanks for your help

    Colin J

    July 19, 2014 at 7:28 am #293264
    Devin

    Hey watchamacolin!

    You would need to copy out the html before its viewed to get the correct classnames on the elements before they are manipulated by the script (which happens when the viewer sees them).

    Regards,
    Devin

    July 21, 2014 at 11:53 pm #294081
    watchamacolin

    Hey Devin,

    Thank you for your response

    Okay great, so inspect the element and copy the HTML before that element is viewed on the screen?

    Is it that simple of a fix?

    Is there way to get the HTML from the layout builder without having to inspect the element in Chrome?

    Thanks again, it’s greatly appreciated

    Colin J

    July 22, 2014 at 3:33 am #294123
    Ismael

    Hi!

    Thank you for the update.

    No, unfortunately you can’t see the HTML code on the advance layout builder. You can use the do_shortcode ( http://codex.wordpress.org/Function_Reference/do_shortcode ) function then use a plugin to enable php on the editor. Install this plugin: https://wordpress.org/plugins/insert-php/

    Best regards,
    Ismael

    July 22, 2014 at 9:18 pm #294570
    watchamacolin

    Hey Ismael,

    Thanks for your responses, you’ve been a great help.

    I installed Insert PHP and now Im curious on what the shortcode is to run the Google Maps function?

    Thanks
    Colin J

    July 23, 2014 at 7:43 am #294802
    Ismael

    Hi!

    You can generate one using the shortcode wand. Create a temporary page or post then use the shortcode wand. Go to Media Elements > Google Map. The shortcode looks like this:

    [av_google_map height='400px' zoom='16' saturation='' hue='' zoom_control='aviaTBzoom_control']
[av_gmap_location address='' tooltip_display='' marker='' imagesize='40'][/av_gmap_location]

[/av_google_map]

[av_video src='' format='16:9' width='16' height='9']

[av_google_map height='400px' zoom='7' saturation='' hue='' zoom_control='aviaTBzoom_control']
[av_gmap_location address='Apopong' city='General Santos City' country='Philippines' long='125.1103736' lat='6.1093899' marker='' imagesize='40' tooltip_display='']
This is sparta!
[/av_gmap_location]
[av_gmap_location address='Matina' city='Davao City' country='Philippines' long='125.59519079999995' lat='7.067416799999999' marker='' imagesize='20' tooltip_display='']
This is Davao!
[/av_gmap_location]
[/av_google_map]

    Regards,
    Ismael

    July 24, 2014 at 1:52 am #295224
    watchamacolin
    This reply has been marked as private.
    July 27, 2014 at 12:18 am #296296
    Devin

    You would also need to make sure the same scripts and functions are loaded into the page from the header and footer. They will need to be in the same order as well.

    July 27, 2014 at 3:16 am #296338
    watchamacolin

    Thanks Devin,

    Where can I find the scripts and functions?

    July 31, 2014 at 7:50 am #298128
    Devin

    In the source code of the page. They point to the files when built by WordPress in the order required.

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.