flash as header

I know this question has been asked numerous times before but please don't point me to another thread, because I've been reading them all, including the tutorial, but I just can't figure it out.

Here is my shop: https://www.superfoodshop.com/index.php (under construction, I'm just starting out). I'm using Zen Cart 3.8 and a template from Templatemonster. I've read here and there that these templates can be quite difficult to tweak, but I don't see why this shouldn't work.

I basically just want to replace my header jpg with a flash file. I've uploaded my swf-movie, called logo.swf to includes/templates/theme079/jscript

I've also made the paragone.js file as instructed here: http://www.zen-cart.com/forum/showthread.php?t=34807&highlight=java+flash.

Can someone please shed some light on what my next step should be? That would be great.

If you can not get it from all that has been posted, I suggest you post to the commercial help wanted area

kobra:

If you can not get it from all that has been posted, I suggest you post to the commercial help wanted area

I cannot find it in the other threads, because none of them offer step by step instructions. I'm sure someone here can explain it so I understand it.

Try
http://www.zen-cart.com/index.php?main_page=product_contrib_info&products_id=989
BUT
as template monster template is involved, dont expect
too much...:wink:

misty:

Try
http://www.zen-cart.com/index.php?main_page=product_contrib_info&products_id=989
BUT
as template monster template is involved, dont expect
too much...:wink:

I've tried the mod you suggested and I managed to get a flash slideshow in a sidebox running, but I can't figure out how to use it to replace the header image with my flash movie. The instructions are not clear on that.

Can someone please point me in the right direction?

Try
http://www.zen-cart.com/forum/showthread.php?t=51071&page=2
ESPECIALLY post number 11

misty:

Try
http://www.zen-cart.com/forum/showthread.php?t=51071&page=2
ESPECIALLY post number 11

Thank you. That thread really helped me out a lot. I now managed to get the flash banner to work in Firefox. It works in IE also, but there I also get an error saying:"sfwobject is not defined"

Here's the code I added to tpl_header.php:

<div id="headerWrapper"> <!--bof-branding display--> <script type="text/javascript" src="includes/templates/theme079/jscript/jscript_sfwobject.sfw.js"></script> <div id="flashcontent"> <center> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://active.macromedia.com/flash2/cabs/swflash.cab#version=4,0,0,0" id="header" width="865" height="175"> <param name="movie" value="includes/templates/theme079/jscript/logo.swf"> <param name="quality" value="high"> <param name="bgcolor" value="#FFFFFF"> <embed name="header" src="includes/templates/theme079/jscript/logo.swf" quality="high" bgcolor="#FFFFFF" width="865" height="175" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"> </embed> </object> </center> <script type="text/javascript"> var so = new SWFObject("includes/templates/theme079/jscript/logo.swf", "YOUR_HEADER", "865", "175", "7", "#FFFFFF"); so.write("flashcontent"); </script> </div> <!--eof-branding display-->

Also, the image header was still below the flash banner. I got rid of this by changing the settings in the stylesheet.
I changed the height from 175px to 0px. Is this the best way to do that?

.head_r {background:url(../images/bg_head_r.jpg) right top no-repeat; width:865px; height:175px;}

Thank you all for your help and patience.

jscript_sfwobject.sfw.js

that is **INCORRECT **filename..should be
swfobject.js

My colleageu who is by no means a flash or Zencart expert, told me to copy the flash embedding code from an other source.

I just replaced the whole thing with:

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="865" height="175" id="Untitled-1" align="middle">

<param name="allowScriptAccess" value="sameDomain" /> <param name="movie" value="includes/templates/theme079/jscript/logo.swf" /> <param name="quality" value="high" /> <param name="loop" value="true" /> <param name="wmode" value="transparent" /> <param name="bgcolor" value="#ffffff" /> <embed src="includes/templates/theme079/jscript/logo.swf" quality="high" wmode="transparent" bgcolor="#ffffff" width="865" height="175" name="Untitled-1" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /> </embed > </object>

And it works just fine in FF as well as in IE.

Mission accomplished...well done..
:smile:

Just viewed your site in IE6..looks very different to when viewed in IE7/Firefox...might want to check it out..

koenvandamme:

I just replaced the whole thing with:

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="865" height="175" id="Untitled-1" align="middle">

<param name="allowScriptAccess" value="sameDomain" /> <param name="movie" value="includes/templates/theme079/jscript/logo.swf" /> <param name="quality" value="high" /> <param name="loop" value="true" /> <param name="wmode" value="transparent" /> <param name="bgcolor" value="#ffffff" /> <embed src="includes/templates/theme079/jscript/logo.swf" quality="high" wmode="transparent" bgcolor="#ffffff" width="865" height="175" name="Untitled-1" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /> </embed > </object>

And it works just fine in FF as well as in IE.

You already have SwfObject loaded, why not just keep it simple.....

<script type="text/javascript">swfobject.embedSWF("includes/templates/theme079/jscript/logo.swf", "main_w", "865", "175", "7.0.0");</script>

<div class="main_w"><p>Alternative content</p></div>
```Also, so it degrades nice, you should replace '*Alternative content'*  with an image.

misty:

Just viewed your site in IE6..looks very different to when viewed in IE7/Firefox...might want to check it out..

I hate that.

.png transparency is not supported grrrrr

Some of the text on your site is very hard to read, unless its my eyes. :laugh::laugh: