# Modal und Off-Canvas **URL:** \ **Category:** Programmierung\ **Tags:** general, programming\ **Created:** [24. November 2021 um 13:44 UTC](https://forum.shopware.com/t/modal-und-off-canvas/91643 "2021-11-24T13:44:57Z")\ **Posts on this page:** 4\ **Page:** 1
**Author:** ![FinnMac](https://avatars.discourse-cdn.com/v4/letter/f/8e7dd6/32.png) [@FinnMac](https://forum.shopware.com/u/FinnMac)\ **Post date:** [24. November 2021 um 13:44 UTC](https://forum.shopware.com/t/modal-und-off-canvas/91643/1 "2021-11-24T13:44:57Z")
Ich muss einen Link zu einem modalen Pop-up-Fenster (das die Lieferinformationen enthält) in den Off-Canvas-Minicart einfügen. Wenn der Link angeklickt wird, wird das Pop-up-Fenster nicht angezeigt. Wenn sich der Link auf der Produktseite befindet, wird das Popup-Fenster angezeigt, also weiß ich, dass es anderswo funktioniert. Ich vermute, dass es damit zu tun hat, dass der Off-Canvas-Minicart das Popup-Fenster blockiert. Ich habe versucht, den z-index der modalen Klasse auf einen größeren Wert als den z-index der Minikarte zu setzen, aber es hat sich nichts geändert. Ist dies möglich zu tun, und wie würde ich so tun? (Vorzugsweise ohne Javascript, wenn möglich). ---
**Author:** ![moschadr](https://avatars.discourse-cdn.com/v4/letter/m/65b543/32.png) [@moschadr](https://forum.shopware.com/u/moschadr)\ **Post date:** [24. November 2021 um 13:56 UTC](https://forum.shopware.com/t/modal-und-off-canvas/91643/2 "2021-11-24T13:56:53Z")
wenn sich auf der „nicht funktinierenden Seite“ das Canvas bereits mit eingebunden ist, kann sich das mit Deinem Popup behindern. SW verwendet einen CSS-Selectoren wie modal und/oder modal-backdrop. Wenn Dein Popup auch diese Selectoren bzw. Classes verwendet, kann es durchaus zu Behinderungen kommen. Ein Anderer Punkt könnte sein, dass Dein Popup nicht im richtigen twig/ an der gewünschten Stelle geladen wird. Eine console.log zum Testen sollte Dir helfen. ---
**Author:** ![FinnMac](https://avatars.discourse-cdn.com/v4/letter/f/8e7dd6/32.png) [@FinnMac](https://forum.shopware.com/u/FinnMac)\ **Post date:** [24. November 2021 um 14:17 UTC](https://forum.shopware.com/t/modal-und-off-canvas/91643/3 "2021-11-24T14:17:52Z")
Es tut mir leid, aber ich verstehe nicht ganz, was Sie sagen wollen. Der Off-Canvas-Minicart enthält keine modale Klasse, aber der modale Hintergrund ist aktiv, wenn der Off-Canvas-Minicart geöffnet ist. Die modale Klasse hat einen Z-Index von 2100, während die Off-Canvas-Klasse einen Z-Index von 1040 hat. Das modale Popup funktioniert, wenn sich der Link nicht im Off-Canvas-Miniwarenkorb befindet. Der Code für die Links ist derselbe. Wenn der Link im Off-Canvas-Warenkorb kein modales Popup implementiert (und einfach href verwendet), navigiert er zur richtigen Seite, so dass ich davon ausgehen würde, dass der Twig-Code korrekt ist. Nur wenn das Modal implementiert ist, funktioniert der Link nicht so, wie er sollte. Ich habe auch in der Lage, die Off-Canvas Minicart zu schließen, wenn der Link angeklickt wird, aber es immer noch nicht öffnen Sie das Modal-Pop-up an einem beliebigen Punkt. ---
**Author:** ![moschadr](https://avatars.discourse-cdn.com/v4/letter/m/65b543/32.png) [@moschadr](https://forum.shopware.com/u/moschadr)\ **Post date:** [25. November 2021 um 07:58 UTC](https://forum.shopware.com/t/modal-und-off-canvas/91643/4 "2021-11-25T07:58:10Z")
Guten Morgen, ich glaube, das Mißverständnis war auf meiner Seite. Nach Ihrer letzten Beschreibung habe ich, so glaube ich jedenfalls, das Problem verstanden. Deshalb folgende Frage: hängt das „click-Event“ direkt am link (also „onClick“) oder verwenden Sie z.B. bind um den Click abzufangen. Wenn ja, welcher Selector wird verwendt. Eine Class oder eine ID?