X-Cart forums

[ricardomz]

Hello friends,

I think this is a common question, but How I can add a flash animation in my X-cart store?

Thankyou!

[balinor]

Where would you like to add it?

[AG9V]

It's not that difficult... just a matter of editing the skin1/customer/main/welcome.tpl file...

The only tough part is getting the swf file to play nice with IE7. Dreamweaver CS3 took care of that for me...

**Good one, balinor... I guess it would be helpful to know where the animation were to go... I just assumed storefront...**

[ricardomz]

Dear friends, thanks for your replys..

Yes I'd like to change the welcome image for a swf animation, my question is.. I only have to put the swf code instead of the img code?

http://industrialdecerraduras.com/catalogo/home.php

The image I would like to change is http://industrialdecerraduras.com/catalogo/skin1/images/customer_images/welcome.jpg for a swf file..

Thankyou so much

Regards!

[AG9V]

The welcome image is loaded from this tempate: skin1/customer/main/welcome.tpl so you will need to edit this file. I recommend backing up first.

<h3>{$lng.lbl_welcome_to|substitute:"company":$lng .lbl_site_title}</h3>
{else}
<h3>{$lng.lbl_welcome_to|substitute:"company":$con fig.Company.company_name}</h3>
{/if}
{$lng.txt_welcome}
<br />

In my site I remarked out the code including lbl_site_title and txt_welcome and used Dreamweaver CS3 to insert my swf animation code:

<center>
<p>
<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0','width','300','heigh t','400','src','{ImagesDir}/front','scale','exactfit','quality','high','bgcolo r','#FFFFFF','movie','{ImagesDir}/front' ); //end AC code
</script><noscript><object classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="300" height="400">
<param name="movie" value="{ImagesDir}/front.swf">
<param name="quality" value="high"><param name="BGCOLOR" value="#FFFFFF"><param name="SCALE" value="exactfit">
<embed src="{ImagesDir}/front.swf" width="300" height="400" scale="exactfit" quality="high" type="application/x-shockwave-flash" bgcolor="#FFFFFF"></embed>
</object>

You will have to play with your template file due to the layout of your store, but it should not be too difficult at all.

[balinor]

Note - {ImagesDir} should be {$ImagesDir}

[AG9V]

You're right... but what has me scratching my head is why it works? I never noticed that before...

[kube]

And perhaps a closing tag for <noscript> (or having noscript at all)

[kube]

Regarding why it works: Are the .swfs in your images directory? Might be one reason? ({ImagesDir} will not appear at all it will be blank)

[Macy]

I have tried following the instructions in this thread. However, I have had no success. The problem is I do not know html or php or "Smarty" (what ever that is). If anyone could help, this is what I did.

1. I downloaded the /shop/skin1/customer/main/welcome.tpl file from my host server to my personal computer.

2. I opened it in Dreamweaver CS3 and used Dreamwever to Insert > Flash. I inserted the Flash (.swf) right below this line "{$lng.txt_welcome}"

3. This is what Dreamweaver inserted in the code area:

<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','250','heigh t','250','src','flash/Movie1','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movi e','flash/Movie1' ); //end AC code
</script><noscript><object classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="250" height="250">
<param name="movie" value="flash/Movie1.swf" />
<param name="quality" value="high" />
<embed src="flash/Movie1.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="250" height="250"></embed>
</object></noscript>

4. I changed every reference of "flash/Movie1" to "{$ImagesDir}/Movie1". I did this because Movie1.swf was on my PC in a folder named flash. But, on the server it would be in another folder, presumably one named images. So, now the code looks like this:

<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','250','heigh t','250','src','{$ImagesDir}/Movie1','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movi e','{$ImagesDir}/Movie1' ); //end AC code
</script><noscript><object classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="250" height="250">
<param name="movie" value="{$ImagesDir}/Movie1.swf" />
<param name="quality" value="high" />
<embed src="{$ImagesDir}/Movie1.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="250" height="250"></embed>
</object></noscript>

5. I save the welcome.tpl file in Dreamweaver.

6. Now, on the hosting co server I backup the original welcome.tpl to a different location and replace it with the newly uploaded Dreamweaver altered welcome.tpl file.

7. Because, I am not sure which "images" folder is being referenced by "{$ImagesDir}", I upload my "Movie1.swf" to all of them:
/shop/images
/shop/images/T (because it might be referring to images for Templates)
/shop/skin1/images

I even create an /images folder on the root.

8. Then, I held my breath and checked my website's home page to see my flash animation.

NOTHING happened. And I have no idea what to do. Any help is greatly appreciated.