# Shopware Bootsrap

**URL:** <https://forum.shopware.com/t/shopware-bootsrap/89857>\
**Category:** Shopware 6 (German)\
**Created:** [19. August 2021 um 10:15 UTC](https://forum.shopware.com/t/shopware-bootsrap/89857 "2021-08-19T10:15:53Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![Ratzel](https://avatars.discourse-cdn.com/v4/letter/r/8edcca/32.png) [@Ratzel](https://forum.shopware.com/u/Ratzel)\
**Post date:** [19. August 2021 um 10:15 UTC](https://forum.shopware.com/t/shopware-bootsrap/89857/1 "2021-08-19T10:15:53Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![WebDev](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/webdev/32/14917_2.png) [@WebDev](https://forum.shopware.com/u/WebDev)\
**Post date:** [23. August 2021 um 06:10 UTC](https://forum.shopware.com/t/shopware-bootsrap/89857/2 "2021-08-23T06:10:38Z")

</div>

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

Was genau meinst du damit?

---

<div class="post-metadata">

**Author:** ![Ratzel](https://avatars.discourse-cdn.com/v4/letter/r/8edcca/32.png) [@Ratzel](https://forum.shopware.com/u/Ratzel)\
**Post date:** [24. August 2021 um 07:53 UTC](https://forum.shopware.com/t/shopware-bootsrap/89857/3 "2021-08-24T07:53:31Z")

</div>

```
<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
```

---

<div class="post-metadata">

**Author:** ![FloKro](https://avatars.discourse-cdn.com/v4/letter/f/d6d6ee/32.png) [@FloKro](https://forum.shopware.com/u/FloKro)\
**Post date:** [24. August 2021 um 13:56 UTC](https://forum.shopware.com/t/shopware-bootsrap/89857/4 "2021-08-24T13:56:27Z")

</div>

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.

---

<div class="post-metadata">

**Author:** ![Ratzel](https://avatars.discourse-cdn.com/v4/letter/r/8edcca/32.png) [@Ratzel](https://forum.shopware.com/u/Ratzel)\
**Post date:** [24. August 2021 um 16:08 UTC](https://forum.shopware.com/t/shopware-bootsrap/89857/5 "2021-08-24T16:08:54Z")

</div>

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

> **[Carousel](https://getbootstrap.com/docs/4.0/components/carousel/)**
>
> A slideshow component for cycling through elements—images or slides of text—like a carousel.

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

---

<div class="post-metadata">

**Author:** ![Moorleiche](https://avatars.discourse-cdn.com/v4/letter/m/6f9a4e/32.png) [@Moorleiche](https://forum.shopware.com/u/Moorleiche)\
**Post date:** [24. August 2021 um 22:47 UTC](https://forum.shopware.com/t/shopware-bootsrap/89857/6 "2021-08-24T22:47:54Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![Ratzel](https://avatars.discourse-cdn.com/v4/letter/r/8edcca/32.png) [@Ratzel](https://forum.shopware.com/u/Ratzel)\
**Post date:** [24. August 2021 um 23:07 UTC](https://forum.shopware.com/t/shopware-bootsrap/89857/7 "2021-08-24T23:07:24Z")

</div>

gibt es auch andere Komponenten ?

---

<div class="post-metadata">

**Author:** ![Moorleiche](https://avatars.discourse-cdn.com/v4/letter/m/6f9a4e/32.png) [@Moorleiche](https://forum.shopware.com/u/Moorleiche)\
**Post date:** [25. August 2021 um 04:30 UTC](https://forum.shopware.com/t/shopware-bootsrap/89857/8 "2021-08-25T04:30:29Z")

</div>

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.

---

<div class="post-metadata">

**Author:** ![FloKro](https://avatars.discourse-cdn.com/v4/letter/f/d6d6ee/32.png) [@FloKro](https://forum.shopware.com/u/FloKro)\
**Post date:** [25. August 2021 um 06:05 UTC](https://forum.shopware.com/t/shopware-bootsrap/89857/9 "2021-08-25T06:05:11Z")

</div>

Schau dir mal hier die Docs an [add-custom-javascript](https://developer.shopware.com/docs/guides/plugins/plugins/storefront/add-custom-javascript). Das dürfte dir weiter helfen.