Hallo, hat schon jemand am Responsive Design der 5er Version gemacht ? Wir würden gerne den Zeilensabstand der Kategorien (einzelne Menüpunkte) im Side-Bar Menu enger darstellen weil wir immer ca 15-25 Punkte haben Meines Erachtens ist
Hier ist ein entsprechender Beitrag für SW5: https://devdocs.shopware.com/designers- … tup-guide/
1 „Gefällt mir“
Vielen Dank für die Informationen, der Link ist sehr hilfreich um sich einen Überblick zu verschaffen über den Aufbau eines Themas. Lösung: Als erstes im Backend ein neues Thema erzeugen, ein Vorschaubild für das Thema erstellen, die Logos etc für die verschiedenen Ausgabegeräte im neuen Thema hinterlegen Die Änderung für die Darstellung habe ich dann in der Datei sidebar.less gemacht: In der Section für die erste Ebene der Kategoriendarstellung @media screen and (min-width: @tabletViewportWidth) { .navigation–headline { .unitize-margin(10, 10, 10, 10); /* auf die gewünschten margins ändern } und einige Zeilen weiter .navigation–link { .unitize-padding(5, 10); /* passendes padding einstellen sowie .is–level1 { … .navigation–entry { .navigation–link { sowie .is–level2 { .unitize(font-size, 12); // die Schriftgöße jeweils die Werte für margin und/oder padding ändern,evtl. auch die Schriftgröße (bei der Schriftgröße habe ich nicht kontrolliert ob diese evtl. von den Einstellungen, die im Backend gemacht werden, überschrieben wird.) Diese Wert sind zuständig für den Desktop und das Tablet in Viewport Breite, für die Darstellung auf Handys müssen die Änderungen von padding und margin jweils in der Section .mobiles-switches ind Off-Canvas gemacht werden. Ist insgesamt ein bisschen aufwendiger mit den verschiedenen Views auf Desktop, Handy oder Tablet aber funktioniert ganz gut. Wichtig. Am Ende Cache leeren und neu aufbauen Ich habe ausserdem auch noch einen weiteren guten Link gefunden: https://devdocs.shopware.com/styletile/index.html
1 „Gefällt mir“
Wow - endlich mal einer der sich einen Link durchgelesen hat und tatsächlich alles mit Eigeninitiative geschafft hat :thumbup: