ProStores Tip: Using css images on secure pages in ProStores

1. use an external stylesheet.
2. put your external stylesheet in your templateSet images folder.
3. reference your images in your stylesheet like so: background:url(bg.jpg); – Using no paths.
4. Use ssml to reference your stylesheet in your header template. <link rel=”stylesheet” type=”text/css” title=”style” href=”$storeVersion.images['style.css']“/>

Share and Enjoy:
  • Digg
  • Sphinn
  • del.icio.us
  • Google Bookmarks
  • Slashdot
  • StumbleUpon
  • Propeller
  • Live
  • Technorati
  • Facebook
  • YahooMyWeb
  • LinkedIn
  • TwitThis
  • email
  • Print

3 Comments to “ProStores Tip: Using css images on secure pages in ProStores”

  1. Derek 31 July 2009 at 11:50 am #

    For whatever reason, this doesn’t work on the tag. I spent forever trying to set a background image on the body tag, when I realized that NO css settings were being applied to the tag on https pages.

    My solution was to just make a div inside the body tag as a replacement and put all my css properties on that.

  2. Derek 31 July 2009 at 11:51 am #

    That should be the “body” tag. Looks like the comments stripped out the actual tag. Whoops.

  3. Matt 31 July 2009 at 11:56 am #

    Thats odd, I’ve gotten that to work without trouble before. What were you putting into your external stylesheet to style the “body” tag?

    I’m glad you found a solution though. :-)


Leave a Reply