Supportlogo-header

Design

04:13PM, Nov 02, 2009

Reply
moon838 Member

Flash on Homepage 'Moderno' Layout

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/

moon838

06:08PM, Nov 02, 2009

Reply
Mark Dunkley Shopify

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

Shopify cheat sheet http://cheat.markdunkley.com and guide http://guide.markdunkley.com // http://twitter.com/markdunkley

07:02PM, Nov 02, 2009

Reply
Jamie Administrator

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.

 

 

http://charlestoncreative.com ::: http://wiki.shopify.com/Evolution_Design ::: http://twitter.com/EvolutionDesign

Last edited 07:13PM, Nov 02, 2009

Reply
moon838 Member

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

moon838

12:42AM, Dec 03, 2009

Reply
christinalynne Member

Hey, 

Did you ever get this working? I created a swf file and followed the instructions, but it didn't work for me. Does it matter where in the head and body you add this code? Do you need to remove something when you add the code?

All I really would like to do is have about 6 six images from our collection fade in and out. So I created a swf that is basically a slideshow on a loop and uploaded it to my assets. 

Any suggestions would be appreciated. Thank you!

christinalynne

03:35PM, Dec 03, 2009

Reply
Jamie Administrator

Hey Christin

If all you want is fading images I think it's much nicer and easier to deal with something like jquery cycle. It does not rely on the flash player and makes it much easier to swap out images.

Here's an example:

http://www.shopplazasuite.com

 

http://charlestoncreative.com ::: http://wiki.shopify.com/Evolution_Design ::: http://twitter.com/EvolutionDesign

08:39PM, Dec 05, 2009

Reply
christinalynne Member

That is exactly what I want to do. I am going to try to use the JQuery Cycle Lite Plug in. I am having a little bit of trouble figuring out where I need to place this code within the parameters of shopify. I am going to go ahead and try to figure it out - putting it in the index.liquid page - seems like it might work. 

I will post my results here. Thanks for all your help so far! 

christinalynne

login or Sign up for an account to reply.