Neu Frage zum merkwürdigen Verhalten vom Modal Popup

[Hang Loose]

Hallo zusammen
Wenn mir das Jemand erklären kann. Seite www.bonex.ch
Wenn man im Footer auf Versandkosten klickt und danach im Footer (Alle Preise inkl. gesetzlicher MWST, eventuell Mindermengenzuschlag , zzgl. Versand) auf Versand klickt, öffnet sich das Modal und wird korrekt angezeigt. Ist man auf einer anderen Seite zB. Startseite und klickt man im Footer ( Alle Preise inkl. gesetzlicher MWST, eventuell Mindermengenzuschlag , zzgl. Versand) auf Versand wird im Modal irgendwas angezeigt. Wie bringe ich das Modal dazu, dass es immer korrekt angezeigt wird?

Viele Grüsse
Hang Loose

 

[martinwolf]

Kann ich so nicht bestätigen, die beiden Modals aus dem Footer laden immer, egal auf welcher Seite ich bin.

 

[Hang Loose]

Das ist nicht das Problem. Es ist die Darstellung des Inhaltes im Modal, der nicht stimmt.

 

[martinwolf]

Bitte mal Screenshots posten, ich erkenne da keinen Unterschied in der Darstellung der jeweiligen Inhalte.

 

[Hang Loose]

Hier die Sreenshots

 

[martinwolf]

Das liegt daran, dass im Template eine ID "4444" für den Body gesetzt wird, wenn die Seite der Versandkosten (https://www.bonex.ch/Versandkosten) direkt aufgerufen wird. Über die ID 4444 habt ihr die Tabellen entsprechend formatiert. Diese ID gibt es jedoch innerhalb des Modal Overlays nicht. Daher die abweichende Darstellung.

 

[Hang Loose]

Das heisst, es ist ein reiner Zufall, dass das Modal das Layout der Seite übernimmt wenn die Versandkosten Seite schon geöffnet ist? Versuche nun die Änderung im Modal zu machen.
Schaffe es irgendwie nicht auf den Inhalt zuzugreifen. zB für den Tabellen Titel .modal-open .modal-body .table .caption haut nicht hin. Muss man das Modal speziell behandeln und wie

 

[martinwolf]

Das heisst, es ist ein reiner Zufall, dass das Modal das Layout der Seite übernimmt wenn die Versandkosten Seite schon geöffnet ist?

Nein, denn die CSS Regel nutzt den folgenden Selektor:

body[id="4444"] table th

Dadurch werden alle alle Tags "th" innerhalb von body#4444 so formatiert. Selbst wenn es noch andere Tabellen geben würde, im Header, Footer wo auch immer, würden diese so dargestellt.

Schaffe es irgendwie nicht auf den Inhalt zuzugreifen. zB für den Tabellen Titel .modal-open .modal-body .table .caption haut nicht hin. Muss man das Modal speziell behandeln und wie

Pass einfach den Selektor von oben wie folgt an:

.modal table th

Weiter dann bei allen Regeln die body[id="4444"] enthalten diesen Teil durch ".modal" ersetzen.

 

[Hang Loose]

Jetzt habe ich das geschnallt. Ich habe immer gedacht, dass sich die ID nur auf den Body auswirkt und nicht auf die ganze Front. Im Gegenzug das Modal die Seite mit ihren Spezialitäten ausliest.
Ich habe die Änderungen gemacht. .modal, so sch.... einfach, ich hab mir ein Bein ausgerissen
Wenn das Modal mit den Versandkosten draussen ist und man den Browser auf kleine Handy Grösse zusammen staucht, sieht man wie sich die Tabelle sich richtig verändert

Vielen Dank für die Hilfe
Schade hast du nicht so einen "Spende einen Kaffee" Button