Global alle Produktbilder Ecken abrunden

Thema wurde von Anonymous, 12. August 2024 erstellt.

  1. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    15. Januar 2020
    Beiträge:
    439
    Danke erhalten:
    147
    Danke vergeben:
    558
    Hallo,

    gibt es die möglichkeit den Artikelbildern in der vorschau einen Radius an den Ecken zu geben?

    Ich möchte fast behaupten das es dazu mal irgendwo eine Einstellung gab, ich finde sie aber nicht mehr!

    LG
    Thomas
     
  2. Dominik Späte

    Dominik Späte Erfahrener Benutzer

    Registriert seit:
    16. Oktober 2018
    Beiträge:
    1.109
    Danke erhalten:
    978
    Danke vergeben:
    344
    Hallo Thomas,

    so auf den ersten Blick wirkt das hier bei allen Listen und Kacheln:

    Code:
    .product-image img{ 
      border-radius: 5%;
    }
    Eine Einstellung dazu ist mir nicht geläufig.
     
  3. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    15. Januar 2020
    Beiträge:
    439
    Danke erhalten:
    147
    Danke vergeben:
    558
    Hey Dominik,

    1000 Dank für deine schnelle Hilfe, das klappt Prima, gibt es auch die möglichkeit auf der Produkt seite an sich die Ecken der Bilder abzurunden?

    Ich hatte die Option im SE "abgerundete Ecken" im Kopf, das hatt aber nichts mit den Artikelbildern zu tun gehabt.

    LG
    Thomas
     
  4. Dominik Späte

    Dominik Späte Erfahrener Benutzer

    Registriert seit:
    16. Oktober 2018
    Beiträge:
    1.109
    Danke erhalten:
    978
    Danke vergeben:
    344
    Nur bei diesen kleinen Galerie-Bildern oder auch beim großen Artikelbild?

    Galerie-Bilder Desktop:
    Code:
    #product_thumbnail_swiper img{
      border-radius: 5%;
    }
    Galerie-Bilder mobil:
    Code:
    #product_thumbnail_swiper_mobile img{
      border-radius: 5%;
    }
    Großes Artikelbild:
    Code:
    #product_image_swiper img{
      border-radius: 5%;
    }
     
  5. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    15. Januar 2020
    Beiträge:
    439
    Danke erhalten:
    147
    Danke vergeben:
    558
    WOW, perfekt, genauso wollte ich es haben. Also alle bilder abgerundet.

    DANKE
    Gruß
    Thomas
     
  6. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    15. Januar 2020
    Beiträge:
    439
    Danke erhalten:
    147
    Danke vergeben:
    558
    Eine Frage habe ich noch, ich habe bei ein paar Artikeln auch Bilder in der Artikelbeschreibung. Kann ich auch diese Ecken abrunden oder sollte ich das per HTML auf der jeweiligen Artikelbeschreibung einfügen?
     
  7. Dominik Späte

    Dominik Späte Erfahrener Benutzer

    Registriert seit:
    16. Oktober 2018
    Beiträge:
    1.109
    Danke erhalten:
    978
    Danke vergeben:
    344
    Kommt drauf an… wirklich alle Bilder in allen Produktbeschreibungen? Gibt es ggf. Bilder in Tabs, für die das nicht gelten soll? Für Erstgenanntes:
    Code:
    .product-info-description img{
      border-radius: 5%;
    }
     
  8. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    15. Januar 2020
    Beiträge:
    439
    Danke erhalten:
    147
    Danke vergeben:
    558
    Ja genau, für alle Bilder in der Artikelbeschreibung und auch in den TABS, also dein Code ist genau der richtige.

    Nun kann die Woche mit einem schönerem Design starten. DANKE Dominik.

    LG
    Thomas