Flash on Homepage 'Moderno' Layout

moon838 — Mon, 02 Nov 2009 16:13:03 +0000

I need a simple way (or detailed instructions) to add an .SWF file to my homepage/index. I am using the Moderno Templete and all I want is to have the picture on the Frontpage/Featured Collection be a flash image. Shopify allows me to drop multiple images but only one ever pops up... so I went on and created a flash file through photoshop. I then uploaded it to my Assets-Uploaded Files location. Now am at a stand still- I do not know coding so I just need a simple way for the average person to understand!

thankyou

http://rronit.myshopify.com/

Mark Dunkley commented

Mark Dunkley — Mon, 02 Nov 2009 18:08:31 +0000

You can create a flash file thought Photoshop? I don't that it is possible?

Jamie commented

Jamie — Mon, 02 Nov 2009 19:02:33 +0000

Actually it is. It's hidden under automate -> web gallery. I've never used it but I think there are a few flash gallery templates in there.

@moon

To embed this on the home page you will need to edit the theme.liquid template. Make a back-up first!

Download then upload to your theme assets area swfObject.js from google code.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt;
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
  <head>
    <title>SWFObject - step 2</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

    
{{ 'swfobject.js' | asset_url | script_tag }}
 <!-- NEED THIS IN THE HEAD OF THE DOCUMENT -->

  </head>
  <body>

<!--THIS IS WHAT YOU NEED TO BE DUPLICATING BELOW-->

    <div>
      <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="480" height="320">
        <param name="movie" value="{{ 'YOUR_FILE_NAME.swf' | asset_url }}" />
        <!--[if !IE]>-->
        <object type="application/x-shockwave-flash" data="{{ 'YOUR_FILE_NAME.swf' | asset_url }}" width="480" height="320">
        <!--<![endif]-->
          <p>Alternative content</p>
        <!--[if !IE]>-->
        </object>
        <!--<![endif]-->
      </object>
    </div>

<!-- END OF WHAT YOU NEED TO BE DUPLICATING-->

  </body>
</html>

Your code will look similar but not the same as above. switch file names to your own file names and the height and width value to those of your swf movie.

moon838 commented

moon838 — Mon, 02 Nov 2009 19:10:54 +0000

Thanks, I am going to give that a try ASAP!