adding flash to the welcome.tpl

tbm · #1 01-28-2009, 08:12 AM

hi,

trying to figure out the best way to add a small flash movie to my front page. currently i'm using a static image embedded in the welcome.tpl file. here's the code:

Code:

{* $Id: welcome.tpl,v 1.28.2.1 2006/07/12 04:51:17 svowl Exp $ *}
{*DELETED HEADLINE AREA*}
{*
{if ($active_modules.Greet_Visitor ne "") and ($smarty.cookies.GreetingCookie ne "") and $logout_user eq ''}
{assign var="_name" value=$smarty.cookies.GreetingCookie|replace:"\'":"'"}
<h3>{$lng.lbl_welcome_back|substitute:"name":$_name} </h3> 
{elseif $lng.lbl_site_title}
<h3>{$lng.lbl_welcome_to|substitute:"company":$lng.lbl_site_title}</h3>
{else}
<h3>{$lng.lbl_welcome_to|substitute:"company":$config.Company.company_name}</h3>
{/if}
*}

<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td><img src="{$ImagesDir}/front_page1.jpg"></td>
    <td class="frontpageRight">{$lng.txt_welcome}</td>
  </tr>
</table>

<br />
{if $active_modules.Bestsellers ne "" and $config.Bestsellers.bestsellers_menu ne "Y"}
{include file="modules/Bestsellers/bestsellers.tpl"}
{/if}
<br />
{include file="customer/main/featured.tpl" f_products=$f_products}

simply replacing the "{$ImagesDir}/front_page1.jpg" with "{$ImagesDir}/front_page1.swf" aint working, so what do i need to do?

i did check out this thread but i couldn't really make sense of it. any help would be greatly appreciated.

Yurij · #2 01-29-2009, 01:26 AM

Quote:

Originally Posted by tbm

hi,

trying to figure out the best way to add a small flash movie to my front page. currently i'm using a static image embedded in the welcome.tpl file. here's the code:

Code:

{* $Id: welcome.tpl,v 1.28.2.1 2006/07/12 04:51:17 svowl Exp $ *}
{*DELETED HEADLINE AREA*}
{*
{if ($active_modules.Greet_Visitor ne "") and ($smarty.cookies.GreetingCookie ne "") and $logout_user eq ''}
{assign var="_name" value=$smarty.cookies.GreetingCookie|replace:"\'":"'"}
<h3>{$lng.lbl_welcome_back|substitute:"name":$_name} </h3> 
{elseif $lng.lbl_site_title}
<h3>{$lng.lbl_welcome_to|substitute:"company":$lng.lbl_site_title}</h3>
{else}
<h3>{$lng.lbl_welcome_to|substitute:"company":$config.Company.company_name}</h3>
{/if}
*}

<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td><img src="{$ImagesDir}/front_page1.jpg"></td>
    <td class="frontpageRight">{$lng.txt_welcome}</td>
  </tr>
</table>

<br />
{if $active_modules.Bestsellers ne "" and $config.Bestsellers.bestsellers_menu ne "Y"}
{include file="modules/Bestsellers/bestsellers.tpl"}
{/if}
<br />
{include file="customer/main/featured.tpl" f_products=$f_products}

simply replacing the "{$ImagesDir}/front_page1.jpg" with "{$ImagesDir}/front_page1.swf" aint working, so what do i need to do?

i did check out this thread but i couldn't really make sense of it. any help would be greatly appreciated.

You can not insert a flash as a picture.
You need to use a special code to insert a flash.

PHP Code:


		
			
<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" 
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" 
WIDTH=264 HEIGHT=195> 
<PARAM NAME=movie VALUE="{$ImagesDir}/front_page1.swf"> 
<PARAM NAME=menu VALUE=false> 
<PARAM NAME=quality VALUE=high> 
<PARAM NAME=wmode VALUE=transparent> 
<PARAM NAME=scale VALUE=noscale>
<EMBED src={$ImagesDir}/front_page1.swf menu=false quality=high wmode=transparent scale=noscale WIDTH=264 HEIGHT=195 TYPE="application/x-shockwave-flash" 
PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash">
</EMBED>
</OBJECT>

PhilJ · #3 01-29-2009, 02:38 AM

Easy method here using SWFObject...
http://www.xcartmods.co.uk/adding-flash-x-cart-mods-pg-8.html

tbm · #4 01-29-2009, 02:55 AM

thanks all, got this working!

nortonz · #5 02-21-2009, 03:01 PM

This is an old thread, but here it goes anyway.

I added this line to my "txt_welcome.tpl" file, and got the Flash to play fine., but there is a White box around the animation, and I can't figure out where it is coming from. Hope someone can help.

This is the text I added.

Code:

 
<script type="text/javascript" src="{$SkinDir}/flash/swfobject.js"></script>
<script type="text/javascript">
swfobject.registerObject("myId", "9.0.0", "{$SkinDir}/flashexpressInstall.swf/");
</script>
<div style="text-align:center;"> 
<object id="myId" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="700" height="120">
<param name="movie" value="{$SkinDir}/flash/Tv Tech Center_2.swf" />
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="{$SkinDir}/flash/Tv Tech Center_2.swf" width="700" height="120">
<!--<![endif]-->
<div>
<h1>Please Install Flash</h1>
<p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" /></a></p>
</div>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object>
</div>

The flash plays just fine, but I need to figure out where the White background is coming from to get rid of it. maybe "skin1.css"

Heres the link. http://www.tvtechcenter.com/xcart/home.php

Any help would be great. Thanks

Michael

beetlejuice · #6 02-22-2009, 03:54 AM

Can't see any Flash files, did you remove it?

nortonz · #7 02-22-2009, 07:42 AM

No its still there, I did add a line to the first part. The Flash file has a Transparent Background, and that was the cause of the problem. This is what the code looks like now.

Code:

<script type="text/javascript" src="{$SkinDir}/flash/swfobject.js"></script>
<script type="text/javascript"> swfobject.registerObject("myId", "9.0.0"), "{$SkinDir}/flashexpressInstall.swf/";
</script>
<div style="text-align:center;">    
<object id="myId" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="700" height="120">
<param name="movie" value="{$SkinDir}/flash/Tv Tech Center_2.swf" wmode="transparent" quality="high" />
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="{$SkinDir}/flash/Tv Tech Center_2.swf" wmode="transparent" quality="high" width="700" height="120"/>
<!--<![endif]-->
<div>
<h1>Please Install Flash</h1>
<p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" /></a></p>
</div>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object>
</div>

The 2 lines in RED are what I changes. The white background is now gone in FF3, but still there in IE7/8. I guess IE has a problem this the "wmode=transparent" Anyway I'm still looking for a fix for it..

If you didn't see the Flash playing on the top of the screen What Browser are you using?

Michael

gb2world · #8 02-22-2009, 10:36 AM

If you can't get it to work, you might consider using SWFObject method for embedding flash. I have used their method for transparancy, and it worked for me.

beetlejuice · #9 02-22-2009, 01:13 PM

Or you could save yourself the grief and redo the .fla file with your background colour.

anandat · #10 02-22-2009, 07:46 PM

It's possible to randomise the flash banners ? so on every page refresh it would show new banners ?