How to expand cart?

[olinus]

I am in desperate need of help. I've been working with the block_cart module for several hours today. This is what I want; I want the cart to stay collapsed and only display the summary for the visitors. If the visitor choose to hover over the cart I want it to expand and show more details. Exactly like this http://www.archiduch...x.php/index.php

 

Now my cart is collapsed, but it stays that way no matter what I do. This is my site: olinus.no

 

Does anyone have any idea on what I am missing here?

 

Please have a look at my attached files and css.

 

[/size][/font][/color]
/* shopping cart */[/size][/font][/color]

[color=#000000][font=Verdana, sans-serif][size=3]#cart_block {
	background: transparent url("../img//menu.png") repeat scroll center center;
	height: 115px;
	width: 200px;
	text-align: left;
	margin-top: 15px;
	margin-right: 12px;
	float: right;
	margin-left: 700px;
	border-radius: 3px 3px 3px 3px;
	padding: 7px;
}[/size][/font][/color]
[color=#000000][font=Verdana, sans-serif][size=3]#cart_block .block_content {
	padding: 6px 6px;
	font-color: #190B07;
}[/size][/font][/color]
[color=#000000][font=Verdana, sans-serif][size=3]#cart_block h4 {
	background: #E91843
}[/size][/font][/color]
[color=#000000][font=Verdana, sans-serif][size=3]#cart_block h4 span {
text-transform: none;
font-size: 0.4em;
cursor: pointer;
background-repeat: no-repeat;
background-position: left top;
padding-left: 10px
}
#cart_block h4 span#block_cart_collapse { background-image: url('../../../img/icon/sort_asc_white.png') }[/size][/font][/color]
[color=#000000][font=Verdana, sans-serif][size=3]#cart_block h4 span#block_cart_expand { background-image: url('../../../img/icon/sort_desc_white.png') }[/size][/font][/color]
[color=#000000][font=Verdana, sans-serif][size=3]#cart_block #cart_block_no_products { margin: 0.5em 0 }[/size][/font][/color]
[color=#000000][font=Verdana, sans-serif][size=3]#cart_block dl dt a,
#cart_block dl dt span.quantity-formated { float: left }[/size][/font][/color]
[color=#000000][font=Verdana, sans-serif][size=3]#cart_block dl { font-size: 0.9em }[/size][/font][/color]
[color=#000000][font=Verdana, sans-serif][size=3]#cart_block dt { padding-top: 0.4em }[/size][/font][/color]
[color=#000000][font=Verdana, sans-serif][size=3]#cart_block dl span.quantity-formated { padding-right: 1px }[/size][/font][/color]
[color=#000000][font=Verdana, sans-serif][size=3]#cart_block dt, #cart_block dd {
clear: both;
margin-top: 0.2em
}
#cart_block dt {
width: 175px;
text-align: right
}
#cart_block dd { width: 155px }[/size][/font][/color]
[color=#000000][font=Verdana, sans-serif][size=3]#cart_block dd {
margin-left: 1em;
margin-right: 1em;
font-style: italic
}
#cart_block dl dt a { font-weight: bold }[/size][/font][/color]
[color=#000000][font=Verdana, sans-serif][size=3]#cart_block a.ajax_cart_block_remove_link {
width: 11px;
height: 13px;
margin-left: 6px;
float: right;
font-size: 0;
display: block;
background: transparent url('../../../img/icon/delete.gif') no-repeat left bottom
}
#cart_block a.ajax_cart_block_remove_link:hover { text-decoration: none }
#cart_block p { clear: both }
#cart_block p span {
clear: right;
float: left;
text-align: right
}
#cart_block li { clear: both }
#cart_block span.price {
color: #E91843;
float: right
}
#cart_block dl span.price {
font-weight: normal;
color: white;
float: none
}[/size][/font][/color]
[color=#000000][font=Verdana, sans-serif][size=3]#cart_block_wrapping_cost, #cart_block_shipping_cost, #cart_block_tax_cost, #cart_block_total { padding-right: 0 }[/size][/font][/color]
[color=#000000][font=Verdana, sans-serif][size=3]#cart_block table#vouchers {
margin-top: 0.5em;
border-top: 1px solid #CEC9B0;
height: 3em;
padding-top: 0.4em;
margin-bottom: 0.5em;
clear: both
}
#cart_block p#cart-prices {
clear: both;
margin-top: 8px;
margin-bottom: 2em;
display: block;
padding-top: 0.4em;
border-top: 1px solid #CEC9B0
}
#cart_block table#vouchers td {
padding: 0;
border: 0;
height: 1.5em
}
#cart_block table#vouchers td.price {
color: white;
font-size: 1em;
font-weight: normal;
width: 37%;
text-align: right
}
#cart_block table#vouchers td.delete {
width: 9%;
text-align: right
}
#cart_block table#vouchers td.delete img { margin: 0 }
#cart_block p#cart-buttons {
height: 1.6em;
margin: 0 -0.3em;
	font-size: 12px;
	text-align: center;
}[/size][/font][/color]
[color=#000000][font=Verdana, sans-serif][size=3]#cart_block p#cart-buttons a {
	float: left;
	color: #000000;
	text-align: center;
}[/size][/font][/color]
[color=#000000][font=Verdana, sans-serif][size=3]#cart_block p#cart-buttons a[/size][/font][/color]
[color=#000000][font=Verdana, sans-serif][size=3]#button_order_cart {
	float: right;
}[/size][/font][/color]
[color=#000000][font=Verdana, sans-serif][size=3]input.kasse, input.kasse_disabled, a.kasse, span.kasse {
	 backgorund: #7CCCA8;
}[/size][/font][/color]
[color=#000000][font=Verdana, sans-serif][size=3].kasse {
	 backgorund: #7CCCA8;
}[/size][/font][/color]
[color=#000000][font=Verdana, sans-serif][size=3]#cart_block .cart_block_customizations {
margin-left: 6px;
list-style-type: square
}
#cart_block #cart-price-precisions {
margin-top: 0.5em;
padding-top: 0.4em;
border-top: 1px solid #CEC9B0;
font-size: 0.9em;
height: 2em
}[/size][/font][/color]
[color=#000000][font=Verdana, sans-serif][size=3]

 

I am very thankful for any help I can get:)

 

Iselin

ajax-car.txt

blockcarttxt.txt

blockcartphp.txt

[Broceliande]

Hi Olinus,

You may ask to Atch ( www.atchworks.com ) as he integrated such a cart on one of his themes.

You cas see it in action on my own website (see my signature) , wich uses one of his themes.

Regards,

[olinus]

Thanks for your reply.

 

I tried to install the cart from other themes before, but again the collapse/expand effect never worked. Really confusing:/

[Dhen Bagoez]

You can download for free here: http://addons.prestashop.com/en/neutral/3337-prestashop-template-15.html

with header dropdown cart module.

 

regard

Edited August 10, 2012 by Dhen Bagoez (see edit history)

[olinus]

Thank you for your answer and reply to my messages. I tried the cart in a default prestashop theme as you wrote, but it still not working. As you can see, now it is expanded all the time.

 

Confusing:/

[olinus]

I bought one of www.atchworks.com great themes and solved the problem:)