Button im PopUp Builder

Allgemeine Fragen
scherenschlag
Mitglied (Level 10)
Mitglied (Level 10)
Beiträge: 257
Registriert: Di 15. Dez 2020, 11:46
Wohnort: Dortmund

Button im PopUp Builder

Ungelesener Beitrag von scherenschlag »

Moin.
Wenn ich auf den Button "Tafelgerichte" im PopUp Builder klicke,
werde ich zwar zu den Tafelgerichten weitergeleitet.
Aber der PopUp Builder bleibt sichtbar.
Die Desserts sollen aber beim klick auf den Button schließen.
Möglich?

https://www.gaststaette-zur-sonne.de
scherenschlag
MBR 5.9.17
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5744
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Button im PopUp Builder

Ungelesener Beitrag von Tommy Herrmann »

Moin,

füge noch am Button-Link diese Bootstrap-Anweisung hinzu:

data-dismiss="modal"

also:

<a class="btn btn-md btn-secondary display-4" data-dismiss="modal" href="index.html#Tafelgerichte">Tafelgerichte</a>
scherenschlag
Mitglied (Level 10)
Mitglied (Level 10)
Beiträge: 257
Registriert: Di 15. Dez 2020, 11:46
Wohnort: Dortmund

Re: Button im PopUp Builder

Ungelesener Beitrag von scherenschlag »

Und wieder mal: DANKESCHÖN :tu:
Funzt.....
scherenschlag
MBR 5.9.17
Benutzeravatar
Andyneu
Moderator
Moderator
Beiträge: 67
Registriert: Mi 9. Dez 2020, 16:40
Wohnort: Hoope
Kontaktdaten:

Re: Button im PopUp Builder

Ungelesener Beitrag von Andyneu »

Hallo
Bei mir auf dem Handy im Firefox wurde dein Pop-up nicht geschlossen. Solltest du noch einmal überprüfen.
Gruß Andy
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5744
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Button im PopUp Builder

Ungelesener Beitrag von Tommy Herrmann »

... ist auch online noch nicht eigebaut ...

Quelltext noch ohne dismiss.JPG
scherenschlag
Mitglied (Level 10)
Mitglied (Level 10)
Beiträge: 257
Registriert: Di 15. Dez 2020, 11:46
Wohnort: Dortmund

Re: Button im PopUp Builder

Ungelesener Beitrag von scherenschlag »

Oh. Tschuldigung.
Problem gelöst und nur Lokal publiziert. FTP vergessen.
Jetzt aber..... :D
scherenschlag
MBR 5.9.17
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5744
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Button im PopUp Builder

Ungelesener Beitrag von Tommy Herrmann »

Hallo Thomas,

da Du wahrscheinlich an einem anderen Monitor arbeitest als ich gerade hier an meinem Laptop, der eine der häufigst verwendeten Auflösungen nutzt (1600 x 900), wollte ich Dich darauf aufmerksam machen, dass man diese Popups nicht zu hoch machen sollte.

Ich sehe z.B. diesen Button "Tafelgerichte" erst nach dem Scrollen nach unten, zumal die Transparenz, die Du da außen herum gemacht hast eigentlich eher verwirrend ist. So steht das "Schließen - Kreuz" und der Button vollkommen frei und hat kaum noch Zusammenhang zum Popup. Vom Design her, finde ich das keine gute Lösung und daher auch nicht von der Bedienbarkeit.

Die Wahrscheinlichkeit, dass ich das Popup schließe, bevor ich diesen Button jemals gesehen habe, ist also sehr groß.

Popup.JPG

Vielleicht solltest Du lieber einen Link zu den "Tafelgerichten" setzen und den Button weglassen und auch die Höhe vom Popup reduzieren, denn auch am Handy ist der Button unten schon nur noch zur Hälfte sichtbar und wirkt zusammenhanglos.

... hier mal ein Link als Beispiel oben als Titel "Tafelgerichte" (am besten mit Unterstrich, den jeder als Link kennt).

Tafelgerichte als Link.JPG
scherenschlag
Mitglied (Level 10)
Mitglied (Level 10)
Beiträge: 257
Registriert: Di 15. Dez 2020, 11:46
Wohnort: Dortmund

Re: Button im PopUp Builder

Ungelesener Beitrag von scherenschlag »

Moin Tommy.
Ich greife mal deinen Vorschlag auf.
Und möchte mal was versuchen.
Transparenz weg.
Und anstatt einer Background Farbe möchte ich ein jpg einfügen.
Was müsste ich denn dafür machen? Wie würde das Code mäßig aussehen?
Im HTML? Oder direkt im CSS? :confused:
scherenschlag
MBR 5.9.17
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5744
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Button im PopUp Builder

Ungelesener Beitrag von Tommy Herrmann »

Moin,

... damit habe ich mich bisher noch nicht beschäftigt :eek:

Wieso ein Bild als Hintergrund eines Popups :confused:

Das geht ja vollkommen am Sinn vorbei, dann kannst Du ja gleich eine neue Seite öffnen.

Ein Popup ist ein sogenanntes "Layer - Fenster", das über dem Inhalt liegt, der eigentlich auch sichtbar bleiben soll. Diese starke Abdunklung gibt es normalerweise auch nicht.
scherenschlag
Mitglied (Level 10)
Mitglied (Level 10)
Beiträge: 257
Registriert: Di 15. Dez 2020, 11:46
Wohnort: Dortmund

Re: Button im PopUp Builder

Ungelesener Beitrag von scherenschlag »

Nee. So meine ich das nicht.
Das jpg wäre z.B. die Tafelstruktur in hell. Also keine glatte Unifarbe.
In etwa so:
background popup.jpg
scherenschlag
MBR 5.9.17
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5744
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Button im PopUp Builder

Ungelesener Beitrag von Tommy Herrmann »

das ist insofern schon etwas doof, weil Dein Bild natürlich eine feste Größe hat und das Popup nicht. Das ist ja responsive und wird am Handy weniger Breite zur Verfügung haben und dadurch höher erscheinen.

Du kannst natürlich, anstelle der Farbe, auch Dein Bild als Hintergrund der class="modal-content" eintragen:
CSS hat geschrieben:.modal-content {
background-image: url('absolute Url zum Bild am Server/images/background-popup.jpg');
background-repeat: no-repeat;
background-size: 100%;

display: flex;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
pointer-events: auto;
background-clip: padding-box;
border: none;
outline: 0;
-webkit-box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2);
}

Dazu würdest Du als Inhalt vom Modal "none" - also nichts wählen. Dann würde der Inhalt der Schrift die Höhe bestimmen, die dann aber auch wieder, je nach Displaygröße, variieren muss.


so ungefähr am Desktop

Desktop.JPG

so am kleinen Display

Handy.JPG
scherenschlag
Mitglied (Level 10)
Mitglied (Level 10)
Beiträge: 257
Registriert: Di 15. Dez 2020, 11:46
Wohnort: Dortmund

Re: Button im PopUp Builder

Ungelesener Beitrag von scherenschlag »

Ich werde es mal ausprobieren. Danke.
scherenschlag
MBR 5.9.17
Antworten

Wer ist online?

Mitglieder in diesem Forum: Ahrefs [Bot], Semrush [Bot] und 27 Gäste