2 / 11
Dec 2008

Hello,

I have a simple web site with an iFrame over a background graphic. The shopping cart pretty much fills the entire iFrame and I end up with iFrame scroll bars as well as shopping cart scroll bars - ugly!



Is there any way I can force the cart to appear outside the iFrame in the parent window?



Thanks

Tony.

  • created

    Dec '08
  • last reply

    Dec '08
  • 10

    replies

  • 1.6k

    views

  • 3

    users

  • 3

    links

Hi Tony,



You could have the cart open in it's own window by using the non-javascript version of the button code.



Also, depending on your requirements, you could also make changes to the appearance of the cart (the height and width). Take a look at our cart customization help page for information:

http://www.e-junkie.com/ej/help.custom-cart.htm

Hello, thanks for the reply.



I replaced the button code with non-javascript, however the window still pops up inside the iFrame.



I tried changing the Target for the buttons from ej_ejc to _top, then _parent and _blank, but the cart still opens inside the iFrame.



Any other suggestions?

Thanks

Tony.

Did you remember to Refresh/Reload your page before testing it again? If you're using Internet Explorer, hold the Ctrl key while you click Refresh (or just hit Ctrl-F5, same thing) to really-for-sure force the browser to load a fresh copy of the pages from your server.



If that doesn't resolve things for you, please reply with the URL of your shop page, so we can have a look for ourselves.

Thanks Tyson.

Yes I did refresh.



I'm afraid you'll have to go through a form submission to get to the View/Add To Cart buttons as follows:



Please go to this URL: http://www.yourpetstale.com/yourpetstale/index2.htm

Please click on Products button in the left nav

Click on any of the Order Now buttons and enter "test" in the required fields (test@blah.com in the email field) to get past the form validation.



Thanks for your help

Tony.

I followed your instructions for ordering the "YourPetsTale Xmas Bundle (Book + Calendar Single Pet Version)" product, and after submitting test info in your form, the page that came up with our View/Add to Cart buttons was still using our standard JavaScript-enhanced button codes. Note that on your Get Button Codes screens in Seller Admin, you would need to UNCHECK the box indicated to convert the codes to their non-JS version, then copy and paste the resulting codes into your page in place of any button code you may have currently. BTW, I noticed you are using some cart-customization lines; those only work with the standard overlay-style cart display and will not work for a non-JS cart in a popup window/tab.

Sorry about that Tyson. I yanked the code and forgot to put it back for your test.



I've replaced the two buttons for the Xmas Bundle with Javascript this time - the window is still popping up inside the iFrame...



Thanks again.

Tony.

The page I looked at (for the "2009 Calendar - Single Pet Version" product) still showed the standard JavaScript version of our button codes, which is displaying the cart inside your iframe. You need to be using the NON-JavaScript version of our button codes, which you can obtain by UNCHECKing the box indicated on your Get Button Codes screen for each product. You need to copy the resulting codes and use those to replace all the existing button codes currently pasted into your site pages.

Hi Tyson,

Yes, I only updated one of the forms - the one you originally tested (Xmas Bundle). This is using non-javascript buttons; the others are still using the javascript.



Thanks

Tony.

You still have some leftover JavaScript View Cart code in the page; you need to remove these lines yet:



<script language="javascript" type="text/javascript">

<!--

function EJEJC_lc(th) { return false; }

function EJEJC_config() {

// Add this line if you want PayPal checkout to open in a new window:

EJEJC_CPOP = true;

// Will call EJEJC_shown function (next section below) after the cart has rendered:

EJEJC_POSTCALL=true;

// Change the width of the cart window:

EJEJC_WIDTH = 680;

// Change the height of the cart window:

EJEJC_HEIGHT = 370;



}

function EJEJC_shown() {

// Will change "Ship to Country" to "Your Country":

jQuery("#country1").attr("innerHTML", "Your Country");

// Will change "Ship to ZIP/postal Code" to "Your ZIP/Postal Code":

jQuery("#state1").attr("innerHTML", "Your ZIP Code");

// Will change "Discount Code" to "Something Else":

jQuery("#dscnt_cd").attr("innerHTML", "YourPetsTale Discount Code");

}

// -->

</script>

<script src='http://www.e-junkie.com/ecom/box.js' type='text/javascript'></script>