• Gelöst reowvgk

    (@reowvgk)


    Ich habe 4 Buttons auf der Website. Diese haben bisher kein Nutzen. Den ersten Button bei „Ihre Hilfe zählt“ möchte ich, dass wenn man den Button klick man automatisch zum Impressum runterscrollt. Die anderen 3 Buttons befinden sich weiter unten bei Projekte. Dort möchte ich wenn man den Button klickt das mehrere Bilder aufploppen. Die Frage ist nun wie kann ich diese Aktionen einbinden. Brauch ich dazu bestimmte Plugins oder geht das so über den Elementor?

    Die Seite, für die ich Hilfe brauche: [Anmelden, um den Link zu sehen]

Ansicht von 4 Antworten - 1 bis 4 (von insgesamt 4)
  • Um einen Link zu verwenden, der zu einem Ziel auf der selben Seite springt, musst du zunächst einen Anker einfügen. Ein Anker kann entweder ein HTML-Element <a name="xyz">Textstelle XYZ</a> sein oder du gibst einem HTML-Element eine ID. Dazu bietet dir Elementor ein Eingabefeld „CSS-ID“:

    Screenshot Elementor

    Ich habe hier mal für eine Überschrift die ID „help“ eingetragen. Diesen Abschnitt kannst du dann mit einem individuellen Link in der Navigationsleiste verknüpfen:

    <a href="https://example.com/#help>Hilf mit!</a>

    Das lässt sich natürlich auch für den Button umsetzen, in dem du ihm einen Link mit Anker zuweist:

    Screenshot Button

    Wenn du Popups mit Elementor umsetzen möchtest, brauchst du wohl die Pro-Version. Die habe ich nicht, deshalb kann ich da nicht weiterhelfen.

    Thread-Ersteller reowvgk

    (@reowvgk)

    den Link hab ich im Button eingefügt , die CSS ID im Abschnitt auch.
    Ich verstehe allerdings nicht was dann mit Hilf mit! gemeint ist.

    Wir bieten dir hier Hilfe zur Selbsthilfe und deshalb schreibe ich immer sehr allgemein gehaltene Beispiele, damit das möglichst viele auf ihrer Website anwenden können. Statt einer bestimmten URL verwende ich https://example.com und hier in dem Fall einen Beispiel-Link mit dem verlinkten Text „Hilf mit“. Wichtig war dabei die Syntax des Links, also schema://URL/#anker (oder laienhafter ausgedrückt: <a href="https://example.com/#help> … </a>). Wie das konkret für den Button aussieht, habe ich im Screenshot gezeigt.

    Thread-Ersteller reowvgk

    (@reowvgk)

    Ja das habe ich verstanden. Ich dachte nur das ich <a> … </a> nochmal wo hinschreiben sollte. Es funktioniert jetzt aufjedenfall danke!

Ansicht von 4 Antworten - 1 bis 4 (von insgesamt 4)
  • Das Thema „Button“ ist für neue Antworten geschlossen.