Help

This is a SubNav Button Trigger

Click here to drag me

Once the folder is placed in the section, ungroup this folder

Thank you for your answer.

Adding a video to a page (no pop-up) •  Create a JavaScript function for trigger to this page (btn-3-2) Example of video here

Popup button

Array testing

Adding a video pop-up • Have a trigger for pop-up - Each Trigger has its own script • The close trigger is one universal script • Place embed code in the box labeled “Video-1” • Create a “getVideo1Inner” in DeclareVariable - change number out for each new video

CLICK THIS BUTTON TO WATCH VIDEO 1

Range shows up here

START

How To guide: **It's important to bring pop-up box asset separatelyFolder Set-up: Open up HowTo Animation Folder and look through the animation on timeline to decide which animations are needed Place the How-To-xxx folder of your choice into the Section folder (i.e. Section-1-1, Section-1-2, etc) Add/Remove section folder as needed Make sure the trigger button in the last section folder is named as button-HowToFinish Adjusting the Animation: Go to the respective timelineAdjust the properties (i.e. opacity, motion path, scale)

Steps to Zoom images: • Insert your images into the groups • Image1 group is duplicated because of overlapping   - If you have more than 2 images, you will need to duplicate any top overlapping layers • A timeline is made for each image   - In each timeline, adjust the zoom scale to fit your design   - You will also see in timeline the opacity change of the top overlapping layer • Don’t forget to include a script on each trigger for google analytics

Drag % shows up here

GO BACK TO TITLE PAGE SECTION 1 TITLE HERE SECTION 2 TITLE HERE SECTION 3 TITLE HERESECTION 3-1 TITLE HERESECTION 3-2 TITLE HERESECTION 3-3 TITLE HERESECTION 3-4 TITLE HERESECTION 3-5 TITLE HERE SECTION 4 TITLE HERESECTION 4-1 TITLE HERESECTION 4-2 TITLE HERESECTION 4-3 TITLE HERESECTION 4-4 TITLE HERESECTION 4-5 TITLE HERE SECTION 5 TITLE HERESECTION 5-1 TITLE HERESECTION 5-2 TITLE HERESECTION 5-3 TITLE HERESECTION 5-4 TITLE HERESECTION 5-5 TITLE HERE SECTION 6 TITLE HERESECTION 6-1 TITLE HERESECTION 6-2 TITLE HERESECTION 6-3 TITLE HERESECTION 6-4 TITLE HERESECTION 6-5 TITLE HERE SECTION 7 TITLE HERESECTION 7-1 TITLE HERESECTION 7-2 TITLE HERESECTION 7-3 TITLE HERESECTION 7-4 TITLE HERESECTION 7-5 TITLE HERE SECTION 8 TITLE HERESECTION 8-1 TITLE HERESECTION 8-2 TITLE HERESECTION 8-3 TITLE HERESECTION 8-4 TITLE HERESECTION 8-5 TITLE HERE SECTION 9 TITLE HERESECTION 9-1 TITLE HERESECTION 9-2 TITLE HERESECTION 9-3 TITLE HERESECTION 9-4 TITLE HERESECTION 9-5 TITLE HERE SECTION 10 TITLE HERESECTION 10-1 TITLE HERESECTION 10-2 TITLE HERESECTION 10-3 TITLE HERESECTION 10-4 TITLE HERESECTION 10-5 TITLE HERE

Chrome Icon

Firefox Icon

Adding a video to a page (no pop-up) • There still needs to be a trigger to open up the video. If it’s opening from a SubNav button or Menu button Create a JavaScript function as shown here for each new video. Example created in Section-3 > btn-3-2

click to close video

How To Use Adjust the bar size to fit your needAdjust the circle color located in the Trigger folderGo into Drag Timeline and adjust the animationOpen dragFunctionGA script and edit the range values

CLICK THIS BUTTON TO WATCH VIDEO 2