# Positionierung Warenkorb **URL:** \ **Category:** Shopware 3.5\ **Tags:** themes--design\ **Created:** [1. März 2014 um 02:21 UTC](https://forum.shopware.com/t/positionierung-warenkorb/18772 "2014-03-01T02:21:42Z")\ **Posts on this page:** 4\ **Page:** 1
**Author:** ![baschti](https://avatars.discourse-cdn.com/v4/letter/b/77aa72/32.png) [@baschti](https://forum.shopware.com/u/baschti)\ **Post date:** [1. März 2014 um 02:21 UTC](https://forum.shopware.com/t/positionierung-warenkorb/18772/1 "2014-03-01T02:21:42Z")
Hallo alle zusammen! Wo kann ich die Positionierung des Ajax Warenkorbes ändern und auch die Breiten der Spalten im Warenkorb?? ---
**Author:** ![Dennis\_Mader](https://avatars.discourse-cdn.com/v4/letter/d/278dde/32.png) [@Dennis\_Mader](https://forum.shopware.com/u/Dennis_Mader)\ **Post date:** [3. März 2014 um 09:40 UTC](https://forum.shopware.com/t/positionierung-warenkorb/18772/2 "2014-03-03T09:40:11Z")
Hallo, die Positionierung des Ajax Warenkorbes übernimmt dieser Teil der emotion.css: Ab Zeile 842 `#shopnavi { display: block; position: absolute; right: 0; width: auto; top: 45px; }` Dieser Bereich des Templates reagiert auf Änderungen: Weitere individuelle Änderungen dieses Bereiches können ab Zeile 840 „Shopnavigation“ vorgenommen werden. So kann zum Beispiel die Mengenanzeige an dieser Stelle angepasst werden: `#shopnavi .quantity { background: url(../images/quantity\_bg.png) no-repeat 0 0; height: 29px; width: 29px; display: block; line-height: 29px; text-align: center; padding: 0; margin: 0; position: absolute; right: 15px; top: 10px; font-weight: bold; color: #fff; }` Ein Tutorial zum Templatesystem von Shopware findest Du in folgendem Artikel, in diesem gibt es auch den Bereich „Warenkorb + Klapper umgestalten“: [http://wiki.shopware.de/Schnelleinstieg-Template-Tutorial-4.0\_detail\_876.html#Warenkorb\_.2B\_Klapper\_umgestaltet](http://wiki.shopware.de/Schnelleinstieg-Template-Tutorial-4.0%5C_detail%5C_876.html#Warenkorb%5C_.2B%5C_Klapper%5C_umgestaltet) Um die Breiten der Spalten des Warenkorbes zu ändern, einfach diese Stelle der emotion.css (ab Zeile 2301) schnappen und die Werte anpassen: `#basket .cart .table\_head .grid\_6, #basket .cart .table\_row .grid\_6 {width: 370px;} #basket .cart .table\_head .grid\_3, #basket .cart .table\_row .grid\_3 {width: 175px;} #basket .cart .table\_head .grid\_1, #basket .cart .table\_row .grid\_1 {width: 60px;} #basket .cart .table\_head .grid\_2, #basket .cart .table\_row .grid\_2 {width: 115px;}` Beeinflusst wird dieser Bereich. Auch die Spaltenbreite der Headlines „Artikel, Verfügbarkeit, Anzahl“ etc. wird dabei geändert. Beste Grüße, Dennis ---
**Author:** ![baschti](https://avatars.discourse-cdn.com/v4/letter/b/77aa72/32.png) [@baschti](https://forum.shopware.com/u/baschti)\ **Post date:** [3. März 2014 um 15:41 UTC](https://forum.shopware.com/t/positionierung-warenkorb/18772/3 "2014-03-03T15:41:17Z")
Hallo! Ich glaub das war ein Missverständnis! Ich meinte den Teil des Warenkorbs der aufklappt nach dem Klick. ---
**Author:** ![Dennis\_Mader](https://avatars.discourse-cdn.com/v4/letter/d/278dde/32.png) [@Dennis\_Mader](https://forum.shopware.com/u/Dennis_Mader)\ **Post date:** [3. März 2014 um 17:28 UTC](https://forum.shopware.com/t/positionierung-warenkorb/18772/4 "2014-03-03T17:28:29Z")
Hallo, das tut mir leid, ich habe hier noch eine Lösung für dich parat. Nehme dir folgenden Code & setze diesen in deine Javascript Datei, welche Du in deinem Header einbindest. Der Standard Code, der in Shopware implementiert ist, wird dabei überschrieben. [code].basket.getBasket = function () { if (!(.basket.options.basketResult).length) { (’ ', { ‘class’: ‘ajax\_basket\_result’ }).appendTo(document.body); } (.basket.options.basketLoader).show(); .ajax({ 'data': { 'sAction': 'ajaxCart' }, 'dataType': 'jsonp', 'url': .basket.options.viewport, ‘success’: function (result) { var offset = (.basket.options.basketParent).offset(); (.basket.options.basketResult).css({ ‘top’: offset.top + 22, ‘left’: offset.left - ((.basket.options.basketResult).width() - (.basket.options.basketParent).width() + 20) }); (.basket.options.basketLoader).hide(); if (result.length) { (.basket.options.basketResult).empty().html(result); } else { (.basket.options.basketResult).empty().html(.basket.options.emptyText); } (.basket.options.basketResult).addClass('active').slideDown('fast'); (document.body).bind(‘click.basket’, function () { (.basket.options.basketResult).removeClass(‘active’).slideUp(‘fast’); //(document.body).unbind('click.basket'); }); } }); };[/code] Folgendes muss angepasst werden, um den Klapper an eine andere Position zu setzen. [code] (.basket.options.basketResult).css({ 'top': offset.top + 22, 'left': offset.left - ((.basket.options.basketResult).width() - (.basket.options.basketParent).width() + 20) }); [/code] Setze deinen Top-Wert hier: [code]'top': offset.top + 22,[/code] Und deinen Left-Wert hier. Ausschlaggebend ist dabei die Zwanzig am Ende. [code]'left': offset.left - ((.basket.options.basketResult).width() - ($.basket.options.basketParent).width() + 20)[/code] Weiters zum Thema jQuery Funktionen überladen findest Du in unserem Wiki an dieser Stelle: [http://wiki.shopware.de/jQuery-Funktionen-ueberladen\_detail\_600.html](http://wiki.shopware.de/jQuery-Funktionen-ueberladen%5C_detail%5C_600.html) Beste Grüße, Dennis