Корзина

[Savok32]

В шапке есть у корзины кнопка при нажатие которой выходит список с товаром.

А справа сам рисунок корзины... Вопрос такой как сделать так чтобы при нажатие на рисунок корзины выходил этот же список.

[semiotic]

Z-index, говорите..

[ravilr]

Если вы найдете файл common.js и посмотрите на строки

$('#cart > .heading a').bind('click', function() {

то думаю можно понять как сделать то что вы хотите.

[Savok32]

понятно но не оченЬ )) вмместо #cart нужно прописать что то другое а вот что)

[Wars]

Задаете картинке класс например .cart-img

$('#cart > .heading a, .cart-img').bind('click', function() {

Попробуйте так прописать

[Savok32]

Спс оч помогло)

[Savok32]

еще такой вопрос а как сделать так чтобы поиск не был виден?

[Wars]

ставите ему display:none; или же комментируйте его

[fabrikator]

ставите ему display:none; или же комментируйте его

...позвольте с вами не согласиться :-) выставив display:none; для поиска вы от него избавитесь совсем, а тут нужно вроде как убрать его только из выпадающего списка корзины. Для этого вам может подойти увеличение z-index в файле stylesheet.css у пункта #header #cart .content например до 99

[Savok32]

в common.js прописываем

$('#cart > .heading a, .cart-img').bind('click', function() {

а класс картинке .cart-img где задать ? чет я забыл подскажите)

[adjuster]

CSS

[Savok32]

у меня в ксс наворочено чет))

#header .wrapper_cart {position:absolute;top:0;right:-2px;background:url('../image/ShoppingCart-icon.png');height:64px;width:64px;z-index:102}

#header #cart {position:absolute;top:41px;right:10px;z-index:9;min-width:300px}

#header #cart .heading {float:right;margin:5px 0 0;padding:10px 60px 6px 14px;background:#FFF;position:relative;z-index:1;border:3px solid #1E82A5;border-bottom:0px;

-webkit-border-radius:7px 7px 0 0;

-moz-border-radius:7px 7px 0 0;

-khtml-border-radius:7px 7px 0 0;

border-radius:7px 7px 0 0}

#header #cart .heading h4 {color:#9AB112;font-size:15px;font-weight:bold;margin:0 0 3px}

#header #cart .heading a {color:#38B0E3;text-decoration:none}

#header #cart .heading a span {background:#FFF url('../image/arrow-down.png') 100% 50% no-repeat;padding:0 15px 0 0}

#header #cart .content {clear:both;display:none;position:relative;top:-3px;padding:8px;min-height:150px;border:3px solid #1E82A5;background:#FFF;

-webkit-border-radius:7px 0 7px 7px;

-moz-border-radius:7px 0 7px 7px;

-khtml-border-radius:7px 0 7px 7px;

border-radius:7px 0 7px 7px}

#header #cart.active .heading {float:right;margin:5px 0 0;padding:10px 60px 6px 14px;background:#FFF;position:relative;z-index:1;border:3px solid #1E82A5;border-bottom:0px;

-webkit-border-radius:7px 7px 0 0;

-moz-border-radius:7px 7px 0 0;

-khtml-border-radius:7px 7px 0 0;

border-radius:7px 7px 0 0}

#header #cart.active .content {display:block;max-width:500px}

#header #cart .cart {border-collapse:collapse;width:100%;margin:0 0 5px}

#header #cart .cart td {color:#000;vertical-align:top;padding:10px 5px;border-bottom:1px solid #EEE}

#header #cart .cart .image {width:1px}

#header #cart .cart .image img {border:1px solid #EEE;text-align:left}

#header #cart .cart .name small {color:#666}

#header #cart .cart .quantity {text-align:right}

#header #cart .cart td.total {text-align:right}

#header #cart .cart .remove {text-align:right}

#header #cart .cart .remove img {cursor:pointer}

#header #cart table.total {border-collapse:collapse;padding:5px;float:right;clear:left;margin:0 0 5px}

#header #cart table.total td {color:#000}

#header #cart .content .checkout {text-align:right;clear:both}

#header #cart .empty {padding:50px 0 0;text-align:center}

[Savok32]

Подскажите нубу)) блин делал же я )) то забыл как уже)

[Savok32]

ап тему...