8 / 8
Jun 2011

I have created a shopping cart app that loads an IFRAME inside facebook:

http://www.facebook.com/Astra.Archery?sk=app116412825102065



I resized the e-junkie cart to be 480 pixels wide, but now it is chopping off information and is not dynamically changing the information inside. Facebook is limited to 520 pixels wide in this space.



I like the way everything is looking and working -- I just want the information inside the shopping cart to display correctly and not be chopped off.



Please help!



--tyler

  • created

    Mar '11
  • last reply

    Jun '11
  • 7

    replies

  • 1.4k

    views

  • 3

    users

  • 3

    links

Because our cart script can only add the cart overlay to the same page which references that script, a page displayed within an IFRAME can only show the cart within that IFRAME. Furthermore, this may cause problems for buyers who have set their browsers to block third-party cookies, as explained in more detail here:

1http://www.e-junkie.com/ej/trouble.cart-items-not-retained.htm#frames1



We would recommend using the Static FBML app for Facebook to insert our cart button codes, along with your product details, directly into your Page on Facebook, rather than using the IFRAME method. This may not be compatible with the part of our cart script that manages the overlay-style cart, so in that case the cart will operate in "fallback mode" by opening the cart display in a separate window/tab.

I think I am fine with the IFRAME. I am OK if it causes problems with third-party cookies.



I just want to get the cart size to fit appropriately. How can I do this?



thanks,

--tyler

You might try limiting your allowed Shipping Destinations to at least eliminate the longest names, since that Ship to Country menu seems to be the main factor preventing your cart display from getting any narrower. You can go to Seller Admin > Cart Shipping Settings, select the Shipping Destinations you want (hold Ctrl on PC or Cmd on Mac to select more than one), click Next to apply changes, then Back to Admin.



Other than that, if you cannot widen the IFRAME and must display your shopping page inside that IFRAME, then the cart you are seeing is the best you can get since the cart must be trapped inside the confines of the IFRAME. There's no way technically possible to get the cart to pop out of the IFRAME unless you use the non-JavaScript version of our cart button codes that open the cart in a separate window/tab.



As to the third-party cookies issue, the main problem with that is that buyers who block third-party cookies will simply be unable to buy more than one item at a time, and may not even be able to do that much.

3 months later

I am soooooo LOST! I have added the Facebook app Static FBML but I am lost as to what codes I put in... Do I just add my Buy Now button codes? If there is some other 'special' code that I need to add could you tell me what that is please.



Thanks so much!