Warenkorb on mobile verschwunden

Hallo Leute,

 

Ich hab mir die Links für Warenkorb und Konto in die Topbar verschoben wie in diesem Artikel:

Leider sind die dadurch auf den viewports unter Tablet komplett verschwunden.

Wer hat eine Idee, wie ich die wieder sichtbar machen kann?

Jeder Tip willkommen :wink:

Und danke bei der Gelegenheit für dieses phantastische Forum!

Link zur Baustelle: http://bau.creativfashion.at

 

 

 

@wienerpresswerk schrieb:

Hallo Leute,

 

Ich hab mir die Links für Warenkorb und Konto in die Topbar verschoben wie in diesem Artikel:

http://www.varia-creare.de/shopware-praxisbeispiel-merkzettel-konto-und-warenkorb-in-die-top-navigation-verschieben/

Leider sind die dadurch auf den viewports unter Tablet komplett verschwunden.

Wer hat eine Idee, wie ich die wieder sichtbar machen kann?

Jeder Tip willkommen :wink:

Und danke bei der Gelegenheit für dieses phantastische Forum!

Link zur Baustelle: http://bau.creativfashion.at

Hallo,

der Lösungsvorschlag genau für das Problem steht doch aber schon bei den Kommentaren vom Author selbst:

Oliver Kasper

26. Januar 2016 at 14:48

Wenn der Warenkorb eingeblendet bleiben soll, muss man das Ganze etwas umstrukturieren.
Entweder, man legt einen weiteren Container an, der den Warenkorb enthält und nur bei Mobile angezeigt wird (mittels media-querys), oder man blendet nicht die ganze top-bar aus, sondern nur die Elemente, die bei Mobile nicht angezeigt werden sollen. Das ließe sich dann komplett über LESS/CSS lösen.

Beste Grüße

Sebastian

1 „Gefällt mir“

Du hast recht - hatte ich übersehen.

Lösung; shop-navigation unangetastet lasse, topbar bearbeiten wie beschrieben

dann in header.less:

 

@media screen and (min-width: @tabletViewportWidth) { // View für Tablets und Desktops
.header-main {
    .navigation–list {
            display: none;
            }
    .logo-main {
            .logo–link {
            .unitize-height(176, 16); // 50 auf eure Höhe anpassen
            .unitize-width(600);
            }
            .logo–shop {
            .unitize-height(176, 16); // 50 auf eure Höhe anpassen
            .unitize-width(600);
            }                
        }
    }
}    

 

(in diesem Fall MIT meiner Anpassung fürs Logo - ggf. löschen)