Bootstrap? (welches Grid ist best practice?)

Hi,

ich wunder mich gerade, welches Gridsystem in Shopware zum Einsatz kommt. Gibt es überhaupt eins oder sollte man evtl. Boostrap integrieren?

vielen Dank :slight_smile:

Das ist eine Shopware-Eigenentwicklung, wenn ich das richtig im Kopf habe. Eigentlich gibt es keinen besonderen Grund Bootstrap zu nutzen – es sei denn, man plant ohnehin eine komplette Neu-Entwicklung des Templates/Themes. Wobei ich aus Erfahrung sagen kann, dass Framworks wie Foundation deutlich angenehmer zu nutzen sind. (IMHO)

Ok, wo steht denn beschrieben, wie man das Shopware-eigene System benutzt?

Und wenn man JS oder CSS im Plugin einbinden will, wie geht das eigentlich? Ich habe hier schon viel gelesen, aber nichts funktioniert. Manche schreiben, dass man nur shopwareroot/custom/plugins/PluginName/Resources/views/frontend/css/test.css nutzen soll und es wird dann automatisch eingebunden.

Bei mir ist das ncht der Fall.

Hallo,

in den Shopware Dokumentationen: https://developers.shopware.com/designers-guide/theme-startup-guide/#the-%22responsive%22-theme . Sollte man so etwas als Hersteller von „Professional Websystems“ und bei dem Anbieten von Webshops auf Shopware - Basis aber nicht selbst wissen?

Conexco bietet auch kostenlos ein Bootstrap Theme an: https://store.shopware.com/swf4843184974406f/shopware-bootstrap-theme.html . Das wird aber scheinbar offiziell nicht weiterentwickelt, zumindestens ist es nicht für Shopware 5.5 verfügbar. Es ist aber über github verfügbar: https://github.com/conexco/shopware-bootstrap-theme .

Im Prinzip macht es aber keinen Sinn, nicht das Theme auf Basis des Responsiven Themes aufzubauen. Warum? Weil man dann nicht nur alle CSS / LESS - Anpassungen selbst umsetzen müsste, sondern auch alle JavaScript - Funktionen etc. und auch alle Plugins aus dem Shopware Store auf dem Responsiven Theme basieren und (nur) dort korrekt funktionieren.

Zum Thema CSS und eigene Plugins: https://developers.shopware.com/developers-guide/plugin-quick-start/#frontend-resources-auto-registration . Dokumentationen lesen hilft manchmal wirklich Wink (dort sieht man nämlich, dass das „views“ nicht im Pfad drin ist).

Grüße

Sebastian

Danke für die Infos. Leider komme ich damit jetzt nicht weiter. Ich habe testweise mal Bootstrap eingebunden (ohne den Ordner views funktioniert es). Bootstrap einzubinden führt allerdings zu Darstellungsproblemen, also habe ich es wieder entfernt.

Ich würde mich also nun noch über Infos zum Shopware-internen Grid freuen. Gibt es irgendwo eine Doku dafür?

@hnpw schrieb:

Danke für die Infos. Leider komme ich damit jetzt nicht weiter. Ich habe testweise mal Bootstrap eingebunden (ohne den Ordner views funktioniert es). Bootstrap einzubinden führt allerdings zu Darstellungsproblemen, also habe ich es wieder entfernt.

Ich würde mich also nun noch über Infos zum Shopware-internen Grid freuen. Gibt es irgendwo eine Doku dafür?

Du hast innerhalb von 30 Minuten die ganze Shopware Doku gelesen? Man sollte schon einige Wochen investieren um wissen in einem neuen System aufzubauen.

 

Hallo,

naja ist ja auch irgendwie logisch, das wenn du irgendwelches CSS oder JS einfügst, dass dann die Darstellung nicht mehr so ist, wo man es erwartet.

Wie gesagt, es gibt im Prinzip bei Shopware kein Gridsystem (mehr), da Shopware responsiv (mobil first) aufgebaut ist und sich so (je nach Seite) auch verhält (also auch je nach Auflösung und Element, beispielsweise im Listing in der Desktop - Ansicht 3 Elemente nebeneinander sind, in den Tablet- und Smartphone - Ansichten dann entsprechend weniger). Dazu kommen noch die Einkaufswelten, die man schon in der Form eines Gridsystems über Spalten gestalten kann. Alles andere steht in der Dokumentation: https://developers.shopware.com/designers-guide/theme-startup-guide/ . Es wird hier aber niemanden geben, der dir die Dokumentation noch einmal hier rein kopiert.

Grüße

Sebastian

Alles klar, Vielen Dank :slight_smile:

Ich denke, ich komme klar.

Schon erstaunlich - da wird eine „Dienstleistung“ ohne jeglichen Plan zum Produkt angeboten.  Money-Mouth Und dann auch noch eine Homepage ohne HTTPS - sehr professionell…
Wie wäre es zum Anfang ggf. damit? https://de.shopware.com/academy/zertifizierungen/ 

Solche „Anbieter“ sind mit ein Grund, warum wir nur das für unsere Shops einsetzen, was ich uns selber basteln kann…  Lips-are-sealed

So langsam sollte doch der Groschen gefallen sein, dass Shopware nix - aber auch gar nix - mit einem „Gridsystem“ wie Bootstrap zu tun hat.
Da sollte die Frage erlaubt sein, ob obiger Anbieter berechtigt ist, auf der eigenen Website das SW-Logo zu führen.

Shopware verwendet als Grid übrigens Pocketgrid -> https://github.com/shopware/shopware/tree/5.5/themes/Frontend/Responsive/frontend/_public/vendors/less/pocketgrid

Also nichts großes - Eigentlich nur die Klassen block und block-group. Der Rest ist individuell. Es gibt kein Grid im Resposive Theme wie bei Bootstrap. Wofür auch - Das ist alles unnötiger Balast :slight_smile:

Du kannst natürlich auch vom Bare Theme ableiten und dir Bootstrap, Foundation oder sonst was rein hauen, dann fängst du ganz von vorne an. Aber wie die Jungs schon sagten, les dir dazu erst eimal ordentlich die gesamte durch.