Shopping cart always in view

12 Apr 2013, 2:39 PM

Zen Follower

Join Date:: Dec 2011
Posts:: 287
Plugin Contributions:: 0

Shopping cart always in view

Currently the shopping cart is served as a sidebox in the right column. I want it to stay like this but it actually move down the page as the customer scrolls down. like what is shown in the link below:

http://www.jtricks.com/javascript/navigation/floating/confined_demo.html

and for your reference heres a link that will show you the sidebox:

http://kitchenwarehouseltd.com/index.php?main_page=shopping_cart&savedCart=O%3A12%3A%22shoppingCart%22%3A8%3A%7Bs%3A8%3A%22contents%22%3Ba%3A1%3A%7Bs%3A34%3A%222%3Ae63f522ed4382abe87c1eab85fc140fc%22%3Ba%3A2%3A%7Bs%3A3%3A%22qty%22%3Bd%3A1%3Bs%3A10%3A%22attributes%22%3Ba%3A1%3A%7Bi%3A2%3Bs%3A3%3A%22142%22%3B%7D%7D%7Ds%3A5%3A%22total%22%3Bd%3A9.9800000000000004%3Bs%3A6%3A%22weight%22%3Bd%3A0%3Bs%3A6%3A%22cartID%22%3Bs%3A5%3A%2280801%22%3Bs%3A12%3A%22content_type%22%3Bs%3A8%3A%22physical%22%3Bs%3A18%3A%22free_shipping_item%22%3Bi%3A0%3Bs%3A20%3A%22free_shipping_weight%22%3Bi%3A0%3Bs%3A19%3A%22free_shipping_price%22%3Bd%3A0%3B%7D

Its an extremely long link sorry! It just adds a product to the cart so he sidebox will show up :) Hope you guys can help me!

12 Apr 2013, 4:09 PM

rbarbour

Totally Zenned

Join Date:: Feb 2010
Posts:: 2,159
Plugin Contributions:: 10

Re: Shopping cart always in view

could add this to your stylesheet, just a quick solution, will need some tweaking

div#navColumnTwoWrapper{
position:relative;
margin-top:225px;
}

div#shoppingcart {
position:fixed;
top:215px;
z-index:999;
}