Produktbilder als Vollbild in der Mobilen Ansicht

Deutsch Diskussion Shopify Design
1

Hallo zusammen,

ist es möglich die Produktbilder in der Mobilen Ansicht in einem Vollbild anzeigen zu lassen (ohne Rand).

Theme ist Dawn. Leider ist immer ein wenig vom Rand zu sehen.

Danke im voraus

2

Kommt drauf an welches Layout du gewählt hast. Siehe dazu diese Artikel als Unterstützung hier und hier und probier einen CSS wie:

@media screen and (max-width: 749px) {
  .slider-mobile-gutter {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .product__media-list {
    margin: 0 !important;
    padding: 0 !important;
  }

  .product__media-item {
    padding: 0 !important;
    margin: 0 !important;
  }

  .product-media-container {
    border-radius: 0 !important;
    overflow: hidden;
  }

  .product__media img {
    width: 100vw !important;
    height: auto !important;
    object-fit: cover;
  }
}

image.png
image.png1129×1203 144 KB

3

vielen Dank schonmal für deine Antwort. Also der Code hat keinen Effekt gezeigt. Was genau meinst du mit Layout bzw. wo kann ich das sehen damit es dir mitteilen kann? Grüße

4

Beispiel mobile Ansicht.PNG
Beispiel mobile Ansicht.PNG474×500 96.9 KB

Hi @Ben310 könntest du mir hier evtl. weiterhelfen. Wir sind kurz vor dem Start des Shops und das mit dem Code hat nicht funktioniert. So sieht die mobile Ansicht aktuell aus, das Produktbild soll aber den Rand links und rechts füllen.

5

Es hat nicht gefunzt weil du keinen Link zu einem Beispiel angeboten hast. Den brauche ich um dir den korrekten CSS zu übermitteln