Share via E-Mail
Share on Twitter
Share on Facebook
E-junkie Blog
E-junkie FaceBook Page
E-junkie @ Twitter

E-junkie Ecommerce Forums » E-junkie Discussions

Tag Cloud for this topic:

RESOLVED Shopping cart overlay in FB i-frame tab too wide



sasquatchgeoff
member
Posts: 1


I have a tab on my page where I have a store. Previously, I used FBML and uploaded a php file with jpg thumbs, non-javascript button code and everything was fine.

Without doing anything, my shopping cart recently lapsed into what appears to be javascript-only mode - that would be OK, but the shopping cart is too wide for the i-frame tab. When I created a static html tab, the shopping cart behaves the same, regardless of what button code I plug in - even size seems to remain at 700 width.

EDIT - I have found how to resize the box, but the shopping cart text & graphics contents tend to still not fit. Narrowing the box made it better, but it seems the contents cannot be dependably viewed by would-be customers.

I am completely OK with the javascript EJEJC (I prefer it since my webpage is the same and I can maintain a consistent behavior) - I just need to narrow down the shopping cart without obscuring the text/graphics inside the cart interface..

Any help appreciated - TIA

geoff


#
POSTED ON: January 28, 2012 @ 00:57 GMT -7
MODIFIED ON: January 28, 2012 @ 01:35 GMT -7




E-junkieGuru
E-Junkie Crew
Posts: 4354


Since the overlay-style JS cart renders as part of the page where the cart button code is pasted, using the cart in a page that's displayed in an iframe can only display the cart inside that iframe; there's no way to get the cart to render outside the iframe.

For Facebook, we recommend just using the the non-JS version of our button code, which displays the cart in a separate browser window/tab:
http://www.e-junkie.com/ej/help.social-networks.htm

The simplest way to get that behavior with existing JS buttons in your page would be to remove these lines of your View Cart code from the page:

<script language="javascript" type="text/javascript">
<!--
function EJEJC_lc(th) { return false; }
// -->
</script>
<script src='http://www.e-junkie.com/ecom/box.js' type='text/javascript'></script>


#
POSTED ON: January 29, 2012 @ 19:16 GMT -7


You must be logged in to make a post. Please click here to login.

30 Day Money Back Guarantee
PayPal Certified Integration
Google Checkout Certified Integration
Slam the Online Scam