Adobe Edge with Concrete5

Permalink 2 users found helpful
Anybody ever used Adobe Edge with Concrete5? Looking to have HTML5 for the homepage and then redirect into concrete5 from the links on the homepage. Having a hard time separating the two. Anybody had any luck with this? Am I missing something obvious?

Thanks.

SamS
View Replies:
waltersc replied on at Permalink Reply
Did you ever find an answer for this? I'm trying it out right now.
pmlmedia replied on at Permalink Reply
pmlmedia
EDIT: SOLVED (kind of). See below but Adobe Edge depends on an old version of JQuery v1.7.1 which breaks other add-ins in my site.

Anyone know how to use two different versions of jquery on one page?
VPenkov replied on at Permalink Reply
VPenkov
Hi.
Post a link, please.
pmlmedia replied on at Permalink Reply
pmlmedia
EDIT: SOLVED (kind of). See below but Adobe Edge depends on an old version of JQuery v1.7.1 which breaks other add-ins in my site.

Anyone know how to use two different versions of jquery on one page?
pmlmedia replied on at Permalink Reply
pmlmedia
EDIT: SOLVED (kind of). See below but Adobe Edge depends on an old version of JQuery v1.7.1 which breaks other add-ins in my site.

Anyone know how to use two different versions of jquery on one page?

For anyone else who gets stuck putting Adobe Edge content in their C5 site, here's how I did it, but notice Adobe Edge uses jquery 1.7.1 which broke stuff on my site....

Put all the javascripts that Adobe Edge creates into your C5 site theme's 'javascripts' folder

Open and Edit the javascripts that Edge creates when you publish your project so the scripts reference each other with the correct links/locations for your site structure...here's how mine looked...

...in Untitled-2_edgePreload.js at the bottom where the script says
{load:"edge_includes/edge.1.5.0.min.js"},

...I changed it to the correct location for the theme I'm using (called Organica) like this...
{load:"/packages/theme_organica/themes/organica/edge_includes/edge.1.5.0.min.js"},


...and I also changed the following in the same way...
{load:"Untitled-2_edge.js"},
{load:"Untitled-2_edgeActions.js"}

...changed to...
{load:"/packages/theme_organica/themes/organica/javascripts/Untitled-2_edge.js"},{load:"/packages/theme_organica/themes/organica/javascripts/Untitled-2_edgeActions.js"}


I then opened/edited a second javascript file produced by Edge in my case called 'Untitled-2_edge.js' and changed the base URL for the images folder....
;var im='/images/';

...changed to this...
;var im='/packages/theme_organica/themes/organica/images/';


I then called the pre-loader in my theme header...
<script type="text/javascript" charset="utf-8" src="<?php   echo $this->getThemePath()?>/javascripts/Untitled-2_edgePreload.js"></script>


...added the CSS to my theme's stylesheet, then created a HTML block and pasted in....
<div id="Stage" class="EDGE-17813011"></div>

....where I wanted my animation to go on the page.

That's it - Thanks MoonGrab.