Neuigkeiten
  • Die modified eCommerce Shopsoftware ist kostenlos, aber nicht umsonst.
    Spenden
  • Damit wir die modified eCommerce Shopsoftware auch zukünftig kostenlos anbieten können:
    Spenden
  • Thema: Pop up Artikelbilder trotz Änderung unter Bildoptionen zu klein

    Siggit

    • Neu im Forum
    • Beiträge: 36
    Hallo,

    die Popup Bilder der Artikel werden beim vergrößern (geschätzt) nur 10% größer dargestellt, als das Vorschaubild.
    HAbe jetzt schon hier im Forum gesucht aber leider keine passende Lösung gefunden.

    Ih habe Imageprocessing installiert und durchlaufen lassen.
    Die Größe unter Konfiguration->Bild Optionen-> Pop up Bilder steht bei 800 (Höhe/Breite).

    Wenn ich in der /templates/bootstrap4/css/stylesheet.min.css
    in Zeile 1
    Code: CSS  [Auswählen]
      .img-fluid {
      max-width: 100%;
      height: auto;
    }

    den Wert max-width entferne oder auskommentiere geht es aber nur in der normalen Auflösung am PC.
    In der mobilen Ansicht ist es dann einfach zu groß. Das ist noch nicht die Lösung für das Problem.

    Code: CSS  [Auswählen]
    .img-fluid {
      //*max-width: 100%;*/
      height: auto;
    }

    Shopsoftware v2.0.7.2 rev 14622
    Template Bootstrap4

    muss ich noch was aktivieren/installieren?

    Danke!

    Linkback: https://www.modified-shop.org/forum/index.php?topic=42904.0

    Morgenstund

    • Mitglied
    • Beiträge: 145
    In den Bild-Optionen "Skalierung von Bildern mit geringer Auflösung" auf 'Ja' stellen und Image Processing nochmal durchlaufen lassen. Allerdings werden die Popup-Bilder dann furchtbar (sprich: verpixelt und unscharf) aussehen, wenn sie im Original nur 10% größer sind als die Info-Bilder.

    Karl1

    • Experte
    • Beiträge: 1.879
    Hallo Siggit,
    ich vermute, dass dein Problem nicht an den Bildern liegt.

    Die Popup Bilder, wie du sie nennst, werden in der Bootstrap Modal Box angezeigt.
    Die Breite dieser Box wird mittels CSS begrenzt.
    [ Für Gäste sind keine Dateianhänge sichtbar ]
    Ein Bild innerhalb dieser Box kann aus diesem Grund nicht größer angezeigt werden.

    Erstelle falls noch nicht vorhanden eine Datei templates/bootstrap4/custom.css und schreibe folgendes hinein
    Code: CSS  [Auswählen]
    @media (min-width: 768px) {
      .modal-dialog {
        max-width: 700px;
      }
    }
    Den Wert 700 kannst du natürlich anpassen.

    Gruß KArl

    Siggit

    • Neu im Forum
    • Beiträge: 36
    :thx:

    Hat funktioniert, mit Skalierung ging es auch nur in der mobilen Ansicht leider nicht wie gewünscht.

    Die Lösung von Karl ist hierfür besser geeignet.

    Danke euch beiden nochmal.

    VG Siggi
    Managed Server
    8 Antworten
    3813 Aufrufe
    31. Juli 2012, 14:56:48 von Rennschnecke123
    2 Antworten
    2380 Aufrufe
    15. Juli 2013, 13:16:26 von weswesx
    17 Antworten
    10353 Aufrufe
    27. August 2013, 16:37:15 von rogi