Shopware Bootsrap

Shopware 6 (German)
1

kann jemand mir sagen wie kann ich die Links von Bootsrap in Header hinzufügen in Shopware 6??

2

„die Links von Bootstrap im Header hinzufügen“?

Was genau meinst du damit?

3 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"/>  ich meinte diese Link damit ich es einbinden kann
4

Das bindet Shopware 6 schon im Standard-Theme mit ein. Als css/all.css oder halt js/all.js
Aber halt Bootstrap in der Version 4.

Ansonsten müsstest du ein eigenes Theme-Plugin erstellen und dort Änderungen in der theme.json vornehmen.

5

ja aber wie kann ich die Komponenten so benutzen ? in all.css
z.B.

wenn ich in Html reintue dann funktioniert nicht weil es nicht eingebunden wurde

6

In Shopware gibt es den Tinyslider. Hier sind Beispiele:
https://ganlanyuan.github.io/tiny-slider/demo/

7

gibt es auch andere Komponenten ?

8

Ja die gibt es, jedoch kannst du kein jQuery extern einbinden. Weil jQuery bereits im Storefront in einer abgespeckten Form vorhanden ist - das verträgt sich nicht miteinander. Und du kannst jQuery auch nicht im DOM nutzen, weil das JavaScript inkl. aller Komponenten asynchron geladen wird.

Du kannst also ohne eigenes JS nur die Komponten nutzen die mit einem data-Attribut initialisiert werden. Zum Beispiel:
data-toggle="tooltip"

Ansonsten musst du JavaScript Module schreiben, die in der dev-Version via webpack ./psh.phar storefront:build erstellt werden.

9

Schau dir mal hier die Docs an add-custom-javascript. Das dürfte dir weiter helfen.