3d Carousel Menu on Main Page

**mikegw** · 16 Mar 2010, 02:13 AM

I have been trying for days to get the 3d Carousel menu FX on my main page. I can see the box where it is suppose to go. However no images show up. I've looked at all the posts and cannot figure out what I'm doing wrong.

Any help would be greatly appreciated.

I'm using Zencart 1.3.8a and the Pure_green template from zen-cart-power.com/

This is the menu system:
http://www.flashxml.net/3d-carousel-menu.html

This is my website:
http://www.enchantedweddingcenter.com

**CoolCarPartsOnline** · 16 Mar 2010, 03:06 AM

You haven't really told us what you did and how you did it for us to help you. There are multiple files that should come with the mod. I am guessing jscript and html which need to go in the proper file in Zen Cart.

**mikegw** · 16 Mar 2010, 03:39 AM

Here is what I setup so far

Installed the following files in a directory off the root called
/carousel/
carousel.fla
carousel.swf
images.xml
index.html
index.php
settings.xml
swfobject.js

I put this code in the define_main_page.php

<head>
</script>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script type="text/javascript" src="swfobject.js"></script>
<script type="text/javascript">
swfobject.registerObject("myFlashContent", "9.0.0");
</script>
</head>
<body>
<div>
<div align="center">
<p>
<object classid="clsid

27CDB6E-AE6D-11cf-96B8-444553540000" width="600" height="330" id="myFlashContent" align="middle">
<param name="movie" value="/carousel/carousel.swf />
<param name="loop" value="true" />
<param name="quality" value="best" />

<param name="allowscriptaccess" value="always" />

<object type="application/x-shockwave-flash" data="/carousel/carousel.swf" width="600" height="330" align="middle">
<param name="loop" value="true" />
<param name="quality" value="best" />
<param name="allowscriptaccess" value="always" />

<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>

</object>

</object>
</p>
</div>
</body>

I put the path to the images in the images.xml file
<?xml version="1.0" encoding="ISO-8859-1"?>

<carousel centeredImage="images/logo.png" url="http://www.enchantedweddingcenter.com/carousel/" target="_blank">
<photo image="images/01.jpg" bigimage="images/big/01.jpg" url="javascript:GroupDelegate('img1')" target="_self" lightboxInfo="Optional description for image 1"><![CDATA[Plaque Awards<br/>3D carousel]]></photo>
<photo image="images/02.jpg" bigimage="images/big/02.jpg" url="javascript:GroupDelegate('img2')" target="_self" lightboxInfo="Optional description for image 2"><![CDATA[Clock Awards]]></photo>
<photo image="images/03.jpg" bigimage="images/big/03.jpg" url="javascript:GroupDelegate('img3')" target="_self" lightboxInfo="Optional description for image 3"><![CDATA[Acrylic Awards]]></photo>
<photo image="images/04.jpg" bigimage="images/big/04.jpg" url="javascript:GroupDelegate('img4')" target="_self" lightboxInfo="Optional description for image 4"><![CDATA[Crystal Awards]]></photo>
<photo image="images/05.jpg" bigimage="images/big/05.jpg" url="javascript:GroupDelegate('img5')" target="_self" lightboxInfo="Optional description for image 5"><![CDATA[Sports Trophies]]></photo>
<photo image="images/06.jpg" bigimage="images/big/06.jpg" url="javascript:GroupDelegate('img6')" target="_self" lightboxInfo="Optional description for image 6"><![CDATA[Elegant Awards]]></photo>
<photo image="images/07.jpg" bigimage="images/big/07.jpg" url="javascript:GroupDelegate('img7')" target="_self" lightboxInfo="Optional description for image 7"><![CDATA[Art Awards]]></photo>
</carousel>

**CoolCarPartsOnline** · 16 Mar 2010, 04:46 AM

You can't just take an html code and paste into Zen Cart and expect it work. The html page is divided into <head> and <body>. Zen Cart in the end is rendered as an html page with all elements where they belong. By pasting the html code as is into the define page editor your html page is rendered to the browser as

HTML Code:

<head>
</head>
<body>
<head>
</head>
<body>
</body>
</body>

Is there anything wrong with this picture???

Now I am not going to go into details on how to install it as I have never used this script. But you need to move everything in the <head> into your template common/html_header.php such as:

HTML Code:

<script type="text/javascript" src="http://www.domain.com/swfobject.js"></script>
<script type="text/javascript">
swfobject.registerObject("myFlashContent", "9.0.0");
</script>

Adjust the path based on where you have the script.

The content inside the <body> can be included into Zen Cart body:

HTML Code:

<div>
<div align="center">
<p>
<object classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000" width="600" height="330" id="myFlashContent" align="middle">
<param name="movie" value="/carousel/carousel.swf />
<param name="loop" value="true" />
<param name="quality" value="best" />

<param name="allowscriptaccess" value="always" />
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="/carousel/carousel.swf" width="600" height="330" align="middle">
<param name="loop" value="true" />
<param name="quality" value="best" />
<param name="allowscriptaccess" value="always" />
<!--<![endif]-->
<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>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object>
</p>
</div>

I didn't verify your body code so you need to make sure everything is pointing to the right location on your server. Always use full path when using external mods.

**mikegw** · 16 Mar 2010, 01:14 PM

I must still be doing something wrong.

I put the following code in the html_header.php and the code after that in the tpl_main_page.php. All the code was removed from the define_main_page.

My error console says swfobject is not defined

/www/enchantedweddingcenter/includes/templates/pure_green/common/html_header.php

<script type="text/javascript" src="http://www.enchantedweddingcenter.com/carousel/swfobject.js"></script>
<script type="text/javascript">
swfobject.registerObject("myFlashContent", "9.0.0");
</script>

/www/enchantedweddingcenter/includes/templates/pure_green/common/tpl_main_page.php
<div>
<div align="center">
<p>
<object classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000" width="600" height="330" id="myFlashContent" align="middle">
<param name="movie" value="http://www.enchantedweddingcenter.com/carousel/carousel.swf />
<param name="loop" value="true" />
<param name="quality" value="best" />

<param name="allowscriptaccess" value="always" />

<object type="application/x-shockwave-flash" data="http://www.enchantedweddingcenter.com/carousel/carousel.swf" width="600" height="330" align="middle">
<param name="loop" value="true" />
<param name="quality" value="best" />
<param name="allowscriptaccess" value="always" />

<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>

</object>

</object>
</p>
</div>

**CoolCarPartsOnline** · 16 Mar 2010, 06:22 PM

Sorry I am not expert in flash. Try testing on a plain html page to see if it works based on your settings. I think its better if you find something with Jquery rather than object.

Thread: 3d Carousel Menu on Main Page

Thread Tools

Search Thread

Display

Hybrid View

3d Carousel Menu on Main Page

Re: 3d Carousel Menu on Main Page

Re: 3d Carousel Menu on Main Page

Re: 3d Carousel Menu on Main Page

Re: 3d Carousel Menu on Main Page

Re: 3d Carousel Menu on Main Page

Similar Threads

How to Add Flash Carousel to main page?

Disable option on page under main admin menu

3D Carousel Menu FX

Main Page menu error!

Menu Link to Main Store Page/Listing

Posting Permissions