Startseite / 3 Quadratische Banner

Thema wurde von Anonymous, 22. August 2024 erstellt.

  1. Anonymous

    Anonymous Mitglied

    Registriert seit:
    14. Februar 2022
    Beiträge:
    24
    Danke erhalten:
    1
    Danke vergeben:
    8
    Hallo,
    ist es irgendwie möglich, die drei Banner auf der Startseite zu verlinken?
    Nicht mit dem Text "SHOP NOW" sondern das ganze Bild mit einem Mouseover und dem jeweiligen Link dazu?
    Im Bild mit gelbem Pfeil gekennzeichnet, es wäre toll, wenn es eine Lösung gibt?
    Ich habe einen Cloud-Shop, der leider immer noch nicht online ist.

    Vielen Dank im Voraus

    [​IMG]
     
  2. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    5. Mai 2022
    Beiträge:
    1.783
    Danke erhalten:
    715
    Danke vergeben:
    259
    wie hast du die denn erstellt? Mit einem Bild-Widget? Falls ja:

    upload_2024-8-22_12-55-53.png
     
  3. Anonymous

    Anonymous Mitglied

    Registriert seit:
    14. Februar 2022
    Beiträge:
    24
    Danke erhalten:
    1
    Danke vergeben:
    8
    Ne leider nicht, weil die ja immer einen Rahmen haben. Das sind die Banner aus dem Malibu Shop. Sind Standardmäßig schon so eingestellt, hab nur ein JPEG reingeladen. Ich könnte ein Bild-Widget drüberlegen, welches transparent ist und dieses dann mit einem Link versehen. Finde die Lösung jedoch sehr uncharmant. Habe gehofft, ihr habt vielleicht eine bessere Idee.
     
  4. Anonymous

    Anonymous Mitglied

    Registriert seit:
    14. Februar 2022
    Beiträge:
    24
    Danke erhalten:
    1
    Danke vergeben:
    8
    Vielleicht könnte man es über die ID oder die Klasse lösen? Oder ist das völliger Blödsinn?
     
  5. Dominik Späte

    Dominik Späte Erfahrener Benutzer

    Registriert seit:
    16. Oktober 2018
    Beiträge:
    1.090
    Danke erhalten:
    943
    Danke vergeben:
    339
    Das geht schon. ID herausfinden (also in dem Fall column-id-rgqb9la19):

    id.png

    Und dann irgendwie den Eventhandler hinzufügen. Das könnte als HTML-Widget unten auf der Seite mit folgendem Inhalt gehen:

    Code:
    <script>
    document.getElementById('column-id-rgqb9la19').addEventListener('click', function() {
        location.href = '/beispiel-seite/';
    });</script>
    Bei der Gelegenheit vielleicht auch gleich CSS:

    Code:
    <style>
    #column-id-rgqb9la19{
      cursor: pointer;
    }
    </style>
     
  6. Anonymous

    Anonymous Mitglied

    Registriert seit:
    14. Februar 2022
    Beiträge:
    24
    Danke erhalten:
    1
    Danke vergeben:
    8
    Herr Späte ich bedanke mich!!!!

    Es hat geklappt, ju hu
    Eine Frage hätte ich noch, ist es möglich, dass der Mauszeiger sich in eine Hand verwandelt?
     
  7. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    11. Juli 2021
    Beiträge:
    416
    Danke erhalten:
    182
    Danke vergeben:
    139
    Der Code, den Dominik im Beitrag 5 geteilt hat, müsste das Problem schon lösen.

    Du musst den Code via Theme bearbeiten > CSS/SCSS bearbeiten hinzufügen und abspeichern.

    Code:
    #column-id-rgqb9la19:hover {
      cursor: pointer !important;
    }
     
  8. Anonymous

    Anonymous Mitglied

    Registriert seit:
    14. Februar 2022
    Beiträge:
    24
    Danke erhalten:
    1
    Danke vergeben:
    8
    Es hat geklappt, hatte den CSS Code oberhalb platziert,
    noch einmal nachgelesen und dann am Ende der Datei hinzugefügt und siehe da, es geht.
    Also vielen Dank !!!!