Using Flash on product pages

**CCarter** · 31 Dec 2007, 05:56 PM

Hello all. I would like to use a flash photo gallery on the pages of my products (they are all videos) to show images from the video instead of just the multi photos that are available in Zen Cart. But, since the products are pulled from the DB instead of an HTML page, I'm at a loss as to how to do this. I don't want to make a new page for each product that the customer has to click to see more pics...I mean, I can..but I would rather it just be on the page and displayed when they open the product page.

I would also like to embed a flash web player onto the pages so that they can watch a trailer while on the product page instead of having to click to another page to see it...and then try to navigate back to the product's page to add it to their cart. Having the trailer AND the add-to-cart button in their face at the same time will do MUCH more to sell the style of 'instant gratification' videos that we offer.

After a year of zen cart'ing on two different servers, with 2 different versions...I've just started to figure out anything over the basics (a lot of trial and error!).

So, any way to do this without using a new page?

CJ

**Stuff4Toys** · 31 Dec 2007, 07:15 PM

I have not tried this anywhere except the home page, but can't you add the html for the embedded player in the products description?

JOhn ><>

**CCarter** · 1 Jan 2008, 03:36 AM

That's what I thought; but the players have several separate files attached to them in folders....sooooooo....it's not straight HTML. I need to point to the other files somehow. One would think that it would be in the coding of the flash player, but for the life of me I cannot find the code that points to the folders. It might be the program that I am using to create the flash files....I'm using CoffeeCup software to do it with.

How did you use the flash on the front page? Are you talking in the HTML section, or in the defines for the headers et al?

CJ

**davewest** · 1 Jan 2008, 07:28 AM

Using Flash shouldn't be that hard to do, it's just a matter of replacing the link to the movie with some PHP coding.

Of course, all the movies would be the same in size and shape or it would require adding to your tables and not just the link to the movie.

I'm not sure what you mean about embedding a player... that would set off alerts. Most browsers will download a player plugin if need be. Not something you would do for them. So I take it you don't know the HTML for setting up a flash movie, and I take it CoffeeCup is something of a creator.

I do it Micromedia Flash8 so I have more of a creating freedom. I use flash in my web site www.beardivideengine19.com

As for the code:

There are two parts, this allows for the most wide range of browsers, The main tag is the Object tag with an embed tag within it. Both work differently depending on the browser.

Code:

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="170" height="80" align="middle">
        <param name=movie value="http://www.beardivideengine19.com/Graffics/Flash/logo.swf">
        <param name=quality value=high>
		<PARAM NAME=wmode VALUE=transparent> 
		<PARAM NAME=bgcolor VALUE=#ECE9D8> 
        <embed src="http://www.beardivideengine19.com/Graffics/Flash/logo.swf" quality=high wmode=transparent bgcolor=#ECE9D8 pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="170" height="80" align="middle"></embed> 
</object>

In the;

object tag, param name=movie value="address to swf file"
embed src="address to swf file"

of course change the width and height to your movie.

I don't think CoffieCup has the ability to do Action Script. If you plan on having a movie on a page play with sound, the polite way of doing it is by coding a play button within the move so the visitor can control it. My logo.swf in the sample above has one coded in.

**ekles** · 1 Jan 2008, 07:43 PM

2 different uses of flash at this site

First main page

http://www.golfuni.com.au/shop/

second on a product page

http://www.golfuni.com.au/shop/index...roducts_id=788

**CCarter** · 2 Jan 2008, 02:47 PM

Ok....I'm closer

Now, the control buttons are not showing up. The video is; but then there are no user interface controls to stop/rewind/replay/close/next/volume.....

I used the code like this (which is the code that Dave West provided with changes for my movie size):

And like this (the original code from CoffeeCup. The player skin and all looks just fine on the computer from my desktop)...

Anything that anyone sees wrong??

CJ (the actual site URL has been changed as the content is not appropriate for this forum)

**davewest** · 2 Jan 2008, 03:34 PM

Your Object tag is correct.

When inserting flash into a web page the player wont show any controls. You have to create controls within the movie itself. One way of doing this is with a loader. The loader has the controls and loads a movie to run. This also makes it possible to protect the movie itself from download to someones PC. Even with Firefox, all they get is the loader and no movie. Try Flashkit dot com for some good info and script.

Playing around with this the other day, it looks like the best way to do this is with a new product type.

**CCarter** · 2 Jan 2008, 03:50 PM

And, FWIW.....this is the XML contents that I believe is SUPPOSED to create the player skin/interface.

Code:

<?xml version="1.0"?>

<coffeecupvideoplayer version="4.9">

  <videobox
   x="0"
   y="0"
   w="300"
   h="294"
   playonstartup="t"
   loop="f"
   shuffle="f"
   dir="trailers_files/"
   showplayonstartup="t"
   skinname="Black TV Skin"
   skinsize="m"
   bkdobk="f"
   bkdogradient="f"
   bkfillclr="0x000000"
   bkfillalpha="100"
   bkgradclr="0xFFFFFF"
   bkgradalpha="100"
   bkgradangle="70"
   bkdoimg="t"
   bkimg="trailers_files/bd.jpg"
   bkdobdr="f"
   bkbdrsolid="t"
   bkbdrcolor="0x808080"
   bkdomask="t"
  >

  <rewindbutton
   x="71"
   y="252"
   w="48"
   h="32"
   toggle="f"
   btnupimg="trailers_files/rr.jpg"
   action="rr"
   visible="t"
  ></rewindbutton>

  <ffbutton
   x="180"
   y="251"
   w="49"
   h="33"
   toggle="f"
   btnupimg="trailers_files/ff.jpg"
   action="ff"
   visible="t"
  ></ffbutton>

  <playbutton
   x="118"
   y="244"
   w="58"
   h="48"
   toggle="t"
   btnupimg="trailers_files/play.jpg"
   btndownimg="trailers_files/pause.jpg"
   action="playpause"
   visible="t"
  ></playbutton>

  <shufbutton
   x="111"
   y="68"
   w="35"
   h="14"
   toggle="t"
   action="shuf"
   visible="f"
  ></shufbutton>

  <loopbutton
   x="100"
   y="0"
   w="20"
   h="20"
   toggle="t"
   action="loop"
   visible="f"
  ></loopbutton>

  <volume
   x="203"
   y="229"
   w="73"
   h="10"
   visible="t"
  ></volume>

  <progress
   x="19"
   y="229"
   w="159"
   visible="t"
  ></progress>

  <tree
   x="17"
   y="68"
   w="264"
   h="62"
   visible="f"
  >
  <node label="">
    <node name="" file="trailers_files/***********.flv" artist="*******" label="*********"/>
    <node name="" file="trailers_files/********.flv" artist="*******" label="*******"/>
  </node>

  </tree>

  <label
   x="391"
   y="266"
   w="53"
   h="16"
   bkdobk="f"
   bkdogradient="f"
   bkdoimg="f"
   fntalpha="100"
   fntsize="10"
   fntclr="0xFFFFFF"
   fntbold="f"
   fntitalic="f"
   fnt="Arial"
   visible="t"
  ></label>

  <scrolllabel
   x="353"
   y="348"
   w="273"
   h="16"
   bkdobk="f"
   bkdogradient="f"
   bkdoimg="f"
   fntalpha="100"
   fntsize="10"
   fntclr="0x000000"
   fntbold="f"
   fntitalic="f"
   fnt="Arial"
   visible="t"
  ></scrolllabel>

  <treebutton
   x="10"
   y="254"
   w="47"
   h="9"
   toggle="t"
   btnupimg="trailers_files/pl.jpg"
   btndownimg="trailers_files/pl.jpg"
   action="tree"
   visible="t"
  ></treebutton>

  <video
   x="23"
   y="27"
   h="195"
   w="256"
   visible="t"
  ></video>

  </videobox>

</coffeecupvideoplayer>

**davewest** · 3 Jan 2008, 04:36 AM

I think I get it now...

Had to do a quick look at what coffeecup was..

Because it's a wisywig editor, it needs it's own player and add ons to function as a movie. Doesn't do true flash. I would allow coffeecup to create a html file with just the movie, then clip out the html in between the body tags and use that where you inserted it into your current cart location. Then follow the info from coffeecup on where to place the added files.... This forum has some info on it as will.

http://www.coffeecup.com/forums/viewtopic.php?id=2534

I've never used it so not sure what or where to put the added files.
Sorry I wasn't much help on this one...

**CCarter** · 4 Jan 2008, 09:18 PM

Dave you've actually been a big help!

believe it or not; even though I own the entire suite of products from CoffeeCup (and like them for the most part!!), I had never even gone to look to see if they had a support forum!!!!!!!

So, I get the goober award for the day!! And, thanks bunches!

CJ

Thread: Using Flash on product pages

Thread Tools

Search Thread

Display

Using Flash on product pages

Re: Using Flash on product pages

Re: Using Flash on product pages

Re: Using Flash on product pages

Re: Using Flash on product pages

Re: Using Flash on product pages

Re: Using Flash on product pages

Re: Using Flash on product pages

Re: Using Flash on product pages

Re: Using Flash on product pages

Similar Threads

product category listing using ez pages

Using JW Player and FLV flash video in product description

How to put a .swf Flash video on individual product pages?

how to open pages using flash menu?

using flash?

Bookmarks

Bookmarks

Posting Permissions