I have already written 2 sticky <div /> namely "2 items" in the exsiting html file, it is on the track to write a sticky checkout div on the page like [url removed, login to view] Because the sticky "2 items" <div class="sidecarticon /> are already sticky div. Just need to extend it into a white panel .
The new implementation is extend the work of the "2 items" (sidecarticon)", and make it into a large white <div area.
To easy your css coding, I would suggest use bootstrap css, since my page is already based on boostrap css.
If you want to look at how bootstrap works, you can google it. In the mean time, I can help to find some example .
But my current page is already have good example about how to use it - if you look at its <div class="product-info-cell" />
The Sticky checkout <div /> will be initially invisible until the Add To Cart button is clicked.
To show the Sticky checkout <div, put the trigger after "$(".sidecarticon").show();
" code in the html file.
Please let me know asap
PS. For the reference website [url removed, login to view], if you click on its add to cart button, it will show a Sticky checkout panel. I want to implement the same Sticky popup like that, but written in bootstrap css.