Alternative Darstellung Artikelbilder

Thema wurde von Anonymous, 18. April 2024 erstellt.

  1. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    15. Januar 2014
    Beiträge:
    110
    Danke erhalten:
    13
    Danke vergeben:
    70
    Hi Leute,

    ich such mich gerade blöd im Forum und find nix... sorry, wenn das schon x-mal existiert.

    Gibt es die Möglichkeit, die Artikelbilder auf der Artikeldetailseite beim Klick auf's Bild anders darzustellen - nämlich nciht als Lightbox, sondern in etwa so wie bei diesem Vertrieb hier:
    https://b2b.aroundmusic.de/Aria-Pro-II-SB-1000-BK-Special-Edition/ARIA-PROII-SB1000-BK
    Auf das Hauptbild klicken, dann kommts... ;)
    -> Also als Vollbild, mit den weiteren Artikelbildern unten zum Anklicken.
    Geschmeidig finde ich auch, dass mit dem Mousewheel ein Zoom gesteuert wird.

    Danke für Hinweise/Tipps!

    Beste Grüße
    Peter
     
  2. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    28. Dezember 2020
    Beiträge:
    250
    Danke erhalten:
    115
    Danke vergeben:
    30
    Schalte erst mal aus:
    Einstellungen/Layout & Design/Bildergalerie als Lightbox einbinden - ausschalten
    Dann hast du die kleinen Bilder unten zur Auswahl.

    Willst du das den Hintergrund auch noch weiß haben, unter "eigenes css":
    Code:
    .page-product-info .mfp-auto-cursor .mfp-content {
        background-color: white;
    }
    .page-product-info .modal-dialog .modal-content {
        box-shadow: none;
        border: none;
    }
     
  3. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    15. Januar 2014
    Beiträge:
    110
    Danke erhalten:
    13
    Danke vergeben:
    70
    Danke Gerd!

    Deine Methode funktioniert recht einfach, super erklärt.

    Was in meinem Beispiel-Link noch dabei war, war der Zoom (zb über Mousewheel) - das kenne ich von mehreren Shops.
    Ich denke aber, das ist komplizierter... auch nicht so wichtig.

    Aber was noch schön wäre: Wenn man die Artikelbildgröße responsiv definieren könnte - z.B. die Höhe auf 90% des jew. Bildschirms. Gibt es hierfür auch eine CSS-Anweisung?
    Aktuell werden die mit deiner Anleitung eher klein dargestellt; es gibt zwar im Style-edit die Möglichkeit, die BIldgröße einzustellen, aber das waren, soweit ich das gesehen habe, fest definierte Größen.

    Viele Grüße
    Peter
     
  4. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    15. Januar 2014
    Beiträge:
    110
    Danke erhalten:
    13
    Danke vergeben:
    70
    Was mich an der Gambio-Lightbox-Variante stört: Hochauflösende Bilder werden heruntergerechnet. Will man die Details im BIld sehen, ist man am Rechner entweder auf die Zoom-Ansicht angewiesen, oder man lädt das BIld als neuen Tab um es in voller Pracht zu genießen. Mobil ist das ja noch nerviger, wenn man Details in den Bildern sehen möchte.
    Oder gibt es da alternative Methoden, um Bilder auf dem Smartphone zoombar zu bekommen?
    War ein paar Jahre nicht aktiv im Forum, daher sorry, wenn das alte Kamellen sind! :)
     
  5. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    28. Dezember 2020
    Beiträge:
    250
    Danke erhalten:
    115
    Danke vergeben:
    30
    Hallo Peter,
    experimentiere dafür mal in Einstellungen/Layout & Design/Bildoptionen


    Schau dich da mal um:
    (Link nur für registrierte Nutzer sichtbar.)