Hallo alle zusammen! Wo kann ich die Positionierung des Ajax Warenkorbes ändern und auch die Breiten der Spalten im Warenkorb??
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 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
Hallo! Ich glaub das war ein Missverständnis! Ich meinte den Teil des Warenkorbs der aufklappt nach dem Klick.
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 Beste Grüße, Dennis