Zen Cart Logo
Forums / All Other Contributions/Addons / 3d Carousel Menu on Main Page

3d Carousel Menu on Main Page

Locked

Views: 5,521

Results 1 to 6 of 6
This thread is locked. New replies are disabled.
16 Mar 2010, 1:13 AM
#1
mikegw avatar

mikegw

New Zenner

Join Date:
Aug 2009
Posts:
15
Plugin Contributions:
0

3d Carousel Menu on Main Page

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

16 Mar 2010, 2:06 AM
#2
coolcarpartsonline avatar

coolcarpartsonline

Totally Zenned

Join Date:
Feb 2008
Posts:
1,386
Plugin Contributions:
0

Re: 3d Carousel Menu on Main Page

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.

16 Mar 2010, 2:39 AM
#3
mikegw avatar

mikegw

New Zenner

Join Date:
Aug 2009
Posts:
15
Plugin Contributions:
0

Re: 3d Carousel Menu on Main Page

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:D27CDB6E-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>
</body>

I put the path to the images in the images.xml file

<?xml version="1.0" encoding="ISO-8859-1"?> <!-- This is the XML from which the SWF file reads the following data: image - the thumb image in the menu. bigimage - the big image shown in Lightbox; ignore it if you're not using Lightbox url - the address to go to when clicking the image target - _self - opens the url in the same browser page - _blank - opens the url in a new browser page - a number - executes _root.gotoAndPlay(number); in Flash - available only in the commercial package lightboxInfo - the description for the bigimage; ignore it if you're not using Lightbox The tooltip text is recorded as CDATA. You can use HTML tags like "<br>" --> <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>
16 Mar 2010, 3:46 AM
#4
coolcarpartsonline avatar

coolcarpartsonline

Totally Zenned

Join Date:
Feb 2008
Posts:
1,386
Plugin Contributions:
0

Re: 3d Carousel Menu on Main Page

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

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

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

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

16 Mar 2010, 12:14 PM
#5
mikegw avatar

mikegw

New Zenner

Join Date:
Aug 2009
Posts:
15
Plugin Contributions:
0

Re: 3d Carousel Menu on Main Page

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" /> <!--[if !IE]>--> <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" /> <!--<![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>
16 Mar 2010, 5:22 PM
#6
coolcarpartsonline avatar

coolcarpartsonline

Totally Zenned

Join Date:
Feb 2008
Posts:
1,386
Plugin Contributions:
0

Re: 3d Carousel Menu on Main Page

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.