Announcement

Collapse
No announcement yet.

Solution for "checkout" button loads the cart inside iframe then pops out

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • Solution for "checkout" button loads the cart inside iframe then pops out

    So aesthetically it drives me crazy that when moving away from the new "quick" features it loads the content in the iframe first, and then "pops out"...

    There is a simple solution to this... add "parent." to the beginning of all the JavaScript buttons.

    Code:
    <button type="submit" style="margin-top:0px;" class="positive" name="Checkout" onClick="parent.window.location='checkout.asp?step=1'"><img src="assets/images/designelements/icons/cart_go.png" alt=""/>Check Out</button>
    *I use a custom button, so your code wont look exactly like this, but you can get the idea.

    Added benefit: I am not sure if it really IS faster, or just looks faster... but deferentially the site seems snappier.

  • #2
    Thats a real nice add to cart pop up you have there. How did you do that????

    Comment


    • #3
      Do you mean the customization I made to the quickcart itself... or how I have the button in the left column that you can call the quickcart from without adding an item?

      Comment


      • #4
        The customization. Thats what it should look like out of the box from 3D Cart. Options to save, shipping quote, ability to update quantities, etc...

        Why couldnt 3D Cart do that???

        Comment


        • #5
          and the Show Cart button. I didnt see that before.

          Comment


          • #6
            Originally posted by rburton34 View Post
            The customization. Thats what it should look like out of the box from 3D Cart. Options to save, shipping quote, ability to update quantities, etc...

            Why couldnt 3D Cart do that???
            That's a really good question, because its so easy to do... all of the normal shopping cart "things" are supported in the quick cart. I had already made the customization to the shopping cart, so all i had to do was to cut and paste the code from the shopping cart into quick cart.

            The only thing I had to change was that when you add more then 3 items to the cart you would run out of room, and the whole quick cart would have to scroll... so i just used the "max height" attribute for the shopping cart items to make just that section scroll when it gets to big.

            The most important thing I did, and I have done this site wide is get rid of all those tables! With no tables to worry about, customizing the look and feel with these new features is a snap, just have to change some CSS to make things bigger or smaller or flow differently.

            The site is still very much a work in progress, im just experimenting with quick view using my quickview buttons I talked about in the other post.

            If you have specific questions i would be happy to answer anything.

            PS... as for the button to launch the quick cart... i made my own quick cart with an iframe that sits in a hidden div. the button just reveals that hidden div. This is nice because there is no load time, you can sit there all day and click show cart, close cart without any loading.

            Comment


            • #7
              David,

              I like your adjustments to the quickcart. It actually has me thinking about looking at that feature again. I have your quickview enhancements on my list already.

              Thank you for sharing!

              -Will
              Tennessee Cheesecake - Gourmet Cheesecakes Delivered, Since 1981

              Comment

              Working...
              X