Close Window x

Frequently Asked Questions

Displaying PDFs, Flash Files, and Images in Quick Shopping Cart

Print this Article
Last Updated: May 8, 2015 12:56 PM

You can link to or embed PDFs and SWFs from your Quick Shopping Cart® Media Gallery in fields that accept HTML. Additionally, you can display images from your Media Gallery in fields that accept HTML by using the img src tag. This lets you further customize your storefront's appearance and give your shoppers a better buying experience.

NOTE: For more information about linking to and embedding PDFs, Flash® files, and/or images, see Why would I use the 'Use as link' feature in Quick Shopping Cart?.

To Link to PDFs and/or Image Files in Fields that Accept HTML in Quick Shopping Cart

  1. Log in to your Account Manager.
  2. Click Quick Shopping Cart.
  3. In the Quick Shopping Cart Account list, click Manage next to the Quick Shopping Cart account you want to use.
  4. From the Set Up menu, in the Design section, select Media Gallery.
  5. Next to the PDF or image you want to link to, click Use as link.
  6. Copy the contents of the Storefront URL field.
  7. Click Save.
  8. Go to the field where you want to create a link to your PDF or image file. Paste the Storefront URL into the field. Use the following code as an example:

    <a href="http://shop.coolexample.com/media/coolpdf.pdf">This is a link to my cool PDF</a>.

    Replace http://shop.coolexample.com/media/coolpdf.pdf with the contents of the Storefront URL field. Replace This is a link to my cool PDF with the text you want to appear as a link on the page.

To Embed a Flash File in Fields that Accept HTML in Quick Shopping Cart

  1. Log in to your Account Manager.
  2. Click Quick Shopping Cart.
  3. In the Quick Shopping Cart Account list, click Manage next to the Quick Shopping Cart account you want to use.
  4. From the Set Up menu, in the Design section, select Media Gallery.
  5. Next to the PDF or SWF you want to link to, click Use as link.
  6. Copy the contents of the Storefront URL field.
  7. Click Save.
  8. Go to the field where you want to embed the Flash file. Paste the Storefront URL into the field. Use the following code as an example:

    <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/ cabs/flash/swflash.cab#version=6,0,40,0" width="400" height="100" id="mymoviename">
    <param name="movie" value="http://shop.coolexample.com/media/circle.swf" />
    <param name="quality" value="high" />
    <param name="bgcolor" value="#ffffff" />
    <embed src="http://shop.coolexample.com/media/circle.swf" quality="high" bgcolor="#FFFFFF" width="400" height="100" name="myMovieName" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed>
    </object>

    Replace http://shop.coolexample.com/media/circle.swf with the contents of the Storefront URL field. Modify the code example to the size and specifications you want.

To Display an Image in Fields that Accept HTML in Quick Shopping Cart

  1. Log in to your Account Manager.
  2. Click Quick Shopping Cart.
  3. In the Quick Shopping Cart Account list, click Manage next to the Quick Shopping Cart account you want to use.
  4. From the Set Up menu, in the Design section, select Media Gallery.
  5. Next to the image you want to display, click Use as link.
  6. Copy the link in the Embed or Storefront URL field. Paste the Storefront URL or Embed link into the field.

    NOTE: If you're using the image on your Quick Shopping Cart site, copy the Embed link. Copy the Storefront URL link if you are linking to your site from another website.

  7. Click Save.
  8. Paste the link into the field in which you want the image to display. Use the following code for an example:

    <img src="http://shop.coolexample.com/media/coolimage.jpg" />

    Replace http://shop.coolexample.com/media/coolimage.jpg with the contents of the Storefront URL field.

NOTE: When using the Storefront URL link (e.g. http://shop.coolexample.com/media/circle.swf), you cannot preview your changes. You can preview your changes when using the Embed link.

NOTE: The code examples use HTML. You may need to modify them to suit your purposes. For more information about HTML, see Using HTML with Your Online Storefront.